findmydoc-design-planner - findmydoc UI 设计规划包生成器
基于代码仓库为 findmydoc 创建设计规划包，包含生成的图像原型、独立场景文件夹、用户旅程、Mermaid 流程图、数据模型笔记、组件计划和可评审的需求文档。
标签
更新于: 2026-06-30能力
典型输入
典型输出
该技能可以做什么
- 创建场景文件夹结构
- 生成移动端平板端桌面端原型图
- 捕获 Playwright 或 Storybook 截图
- 编写设计计划 README
- 生成 Mermaid 流程图
- 编写可见 UI 契约文档
- 创建数据模型计划
- 创建组件计划
- 运行本地种子或测试数据
- 移动生成图像至文件夹
- 推荐专家评审人员
输入
- findmydoc 代码仓库（AGENTS.md、src/app、src/components、src/collections）
- 品牌 Logo 文件（public/fmd-logo-1-dark.png）
- Playwright 或 Storybook 运行环境
- 本地种子或测试数据
- design-plan-contract.md 参考文件
- mockup-prompting.md 参考文件
- imagegen 工具（$imagegen）
输出
- 包含 README.md 的场景文件夹
- mobile.png 原型图
- tablet.png 原型图
- desktop.png 原型图
- 可选的状态特定原型图
- README 中的 Mermaid 流程图
- 设计契约文档
要求
- 运行 init_design_plan.py 脚本的 Python 环境
- 用于本地截图的 Playwright 或 Storybook
- 内置或 CLI 模式可用的 imagegen 工具
- findmydoc 代码仓库结构访问权限
- 支持私有路由认证的本地运行环境
