SuperAPI AI 工具集

design-implementation

编程与开发

查看项目

更新于 10-16 06:49

技能介绍

用途:design-implementation 用于自动化 UI 开发闭环,把开发服务器、浏览器、功能实现、视觉验证和错误修复串成一个可迭代流程,最多迭代 5 次。

主要能力:按意图路由到不同工作流——实现功能(workflows/implement-feature.md)、视觉验证(workflows/verify-visual.md)、修复错误(workflows/fix-errors.md)、管理服务器(workflows/manage-server.md)。内置工具包括 tools/playwright-runner.ts(浏览器自动化:截图、控制台、网络)和 tools/server-manager.ts(开发服务器生命周期:启动、停止、检测端口)。

使用方式:可用自然语言触发,例如“implement the login form based on the Figma design”“implement the feature described in thoughts/features/hero-section.md”“implement next feature --headless”“verify the current implementation”。配置在技能目录的 config.json 中,可设置浏览器 headless、viewport、服务器端口与启动命令、hmrDelay、最大迭代次数、布局容差、Figma 开关。state.json 跟踪当前功能进度,如 currentFeature、iteration、status、errors、lastScreenshot。

适用场景:需要按设计稿实现前端功能、对当前实现做视觉验证、修复控制台或加载错误、管理本地开发服务器时。

限制:资料未提供具体安装命令、依赖版本、收费与平台信息;history/ 目录被 gitignore,产物包括 spec.md、各轮截图、figma-reference.png、errors.log、report.md。复杂 bug 会升级给 engineer agent,初始实现可结合 impeccable。