用途:将手绘草图、数字线框图或线框工具导出图转换为结构化 UI 设计规格,衔接线框到实现流程。
主要能力:识别输入类型(手绘、数字线框、截图);用 ai-multimodal 做布局提取与组件识别;按 ui-wireframe-protocol.md 生成 ASCII 线框图、组件清单(Common/Domain-Shared/Page 分层)、状态表(Default/Loading/Empty/Error)、组件分解树与响应式建议;输出 PBI 兼容的 ## UI Layout 段落或独立规格文件 team-artifacts/design-specs/{YYMMDD}-wireframe-spec-{slug}.md;生成交互组件与业务操作/规则(OP-/BR-/FR- 逻辑 ID)的映射表。
使用方式:在 Codex 中用 $skill-name 调用;Figma URL 转 $figma-design,应用截图转 $design-screenshot。执行前需读取 docs/project-config.json、docs-index-reference.md、lessons.md,缺失则停止并请用户运行 $project-config 与 $scan-all。涉及前端文件时须先读 frontend-patterns-reference.md、scss-styling-guide.md、design-system/README.md。
限制:线框分析准确率约 70-80%,必须人工复核;置信度低于 70% 需向用户提问;规格正文须技术无关,源码路径与类名仅出现在 Evidence、frontmatter 和 Mermaid 中;无法确定的功能映射标注 [UNVERIFIED]。具体收费、平台支持与效果数据暂未提供。