用途:该技能用于在 FigCraft 中完成开发交付工作,目标是把可编辑 UI 设计转化为标注、切图、CSS 或 React 等开发参考代码,并整理交付物。
主要能力:按资料,技能可查询并检查页面尺寸、组件状态、命名与图片版权来源;通过 list_commands 查询 inspect.properties、inspect.assets、inspect.code,按当前 schema 获取实际布局、文字、颜色和组件属性;选取需要开发的 frame 和组件,分别生成目标平台代码参考;导出图标 SVG、栅格图 PNG/WebP 和页面预览,并检查透明背景、尺寸、倍率与命名。
使用方式:执行具体方法前需读取 Craft 场景命令与参数,按对象选择、会话、输入替换和结果检查执行。先检查当前 MCP 的工具列表和 editor_status,存在 create_node、run_command、inspect_document 时使用实际工具 JSON schema,不猜测参数。增强 Web 的 MCP 操作必须发生在已打开且就绪的同一页面;官方原版 Web 0.6.0 只有交互画面,文件服务尚未实现,没有这些 MCP 工具时不得假装已编辑或保存。独立原生 figcraft-cli mcp 属于另一会话,切换须明确告知;CLI 可用时用 figcraft-cli commands --json 检查命令,不自行安装缺失工具。
适用场景:需要交付可编辑 UI 设计、标注、切图、CSS 或 React 等开发参考代码时使用。
限制:生成的代码仅为设计导出的参考代码,尚未在应用项目中编译运行;未执行前端集成需明确说明。只报告实际生成的产物,避免将截图作为可编辑源文件。命令以当前加载版本为准。资料未提供收费、价格、平台及其他功能细节。