用途:为一个功能做端到端产品设计,涵盖用户需求、用户故事、屏幕与流程、ASCII 界面原型,并输出 PRD。适用于需要按现有框架风格(如 Linear/Stripe/Vercel 式界面)设计弹窗、计费与后端流程的场景。
主要能力与工作流(依据资料):
- 代码库探索:并行检查前端、后端与基础设施,寻找最相似的现有弹窗、流程与组件,识别现有计费、pgboss 任务模式与 API 结构,记录导航、布局与设计令牌。重点查看 src/components/、src/app/api/、src/lib/、blink-apis/ 与 .todo/。
- 列出用户需求与用户故事:先枚举 USER NEEDS、USER STORIES,再列出 SCREENS & FLOWS。
- 对齐提问:用 askUserQuestions 工具澄清范围、计费模型、目标角色、需遵循或避免的 UX 模式、屏幕优先级。
- ASCII 原型:为每个屏幕和状态绘制 ASCII,包含空态、加载、错误、成功与边界情况,标注悬停/焦点/激活状态,复用现有弹窗外壳、按钮与布局原语,按固定宽度渲染检查清晰度。
- 写 PRD:将最终设计写入 .todo/[feat-name]/PRD.md,包含 Overview、User Needs、User Stories、Screens & Flows、ASCII Designs、Component Reuse、API & Backend、Open Questions。
质量检查:每条用户故事对应屏幕/流程,设计空态/加载/错误态,明确复用现有组件,若涉及计费需完整映射。
限制:资料未提供具体安装命令、收费价格、支持平台与效果保证;需要用户以 kebab case 提供功能名,且依赖 askUserQuestions 等工具环境。