用途:读取 $ARGUMENTS 传入的创意或需求文档,以 UX/UI 设计师身份生成 UI/UX 设计资料,在原型开发前明确「长什么样、在什么场景、如何使用」,通过用户反馈提前发现预期偏差。
主要能力:输出 design-doc.md、storyboard.png(回顾主成果物)、flow.png 画面迁移图、wireframes/.html、screens/.png 等。成果物开头必含「前提与解释」,末尾含「反馈观点」。采用 HTML 线框而非 Figma,因后者缺少文件生成 API,HTML 便于浏览器确认、截图留档与直接复用。可与 create-pitch-deck 通过 concept-brief.md 保持整合,推荐执行顺序为 create-design-doc → create-pitch-deck。
使用方式:以参数传入创意/需求文档路径(目录或文件列举),无参数或含糊时在 Step 2 向用户确认。输出目录默认 design/,可用 --brief <path> 指定 concept-brief.md(建议放在输入文档目录正下方)。流程含 9 步:确认 concept-brief.md、读解输入文档、提示画面列表与主要场景骨架并取得批准(必须关卡)、用 venv 安装 Playwright(python3 -m venv "_/design-doc/.venv" 等)、按「画面迁移图→线框→截图→故事板→design-doc.md」顺序生成、用 check_overflow.py 验证、探索 create-pitch-deck 成果物、与 concept-brief.md 相互整合检查、反馈反映循环。
限制:生成的 HTML 禁止使用 CDN、外部字体、外部图片及一切 JavaScript(含 inline event handler 与 javascript: URL),本地文件参照原则上不可,仅 storyboard.html 的 screens/*.png 相对参照可在验证/拍摄时用 --allow-local-refs 允许。venv 为构建工具不纳入提交。未提供明确的收费或价格信息。