implement-from-design
Installation
SKILL.md
按设计稿实现
在以下场景使用该 Skill：
- 用户希望根据 Figma、Sketch、MasterGo、Pixso、墨刀或摹客设计实现页面、组件、弹窗、表单、表格、卡片、仪表盘、设置页或业务流程界面
- 仓库中已经存在组件库、设计 Token 或应优先复用的 UI 模式
- 任务要求在编码前通过 MCP 读取设计上下文
支持的设计工具
| 工具 | MCP 集成 | 获取设计数据方式 |
|---|---|---|
| Figma | figma / figma-desktop |
API 获取设计结构、变量定义 |
| Sketch | sketch |
MCP 获取设计选区截图 |
| MasterGo | mastergo |
API 获取 DSL 结构数据 |
| Pixso | pixso |
本地 MCP 获取帧数据和代码 |
| 墨刀 | modao |
MCP 获取原型数据、生成设计描述 |
| 摹客 | 无 MCP | 通过用户提供的截图、标注或导出的 CSS 获取 |