UI 蓝图构建器

概述

该 skill 支持通过多步骤工作流从参考 UI 图片中系统性地提取设计系统：分析视觉模式 → 生成设计系统文档 → 创建 PRD → 产出可直接用于实现的 UI 提示词。

适用场景

• 用户提供了 UI 截图、设计稿或设计参考图
• 需要从现有设计中提取配色方案、字体排版、间距规范
• 希望基于视觉示例生成设计系统文档
• 构建需要匹配参考风格的 MVP 界面
• 需要按照统一设计原则创建多套 UI 方案

工作流程

第一步：收集输入材料