SuperAPI AI 工具集

prd-to-ux

设计与创作

查看项目

更新于 10-16 04:57

技能介绍

用途:把 PRD 或原始产品想法转成与工具无关、以概念驱动的屏幕提示词,供 Stitch、Figma AI、Pencil、Claude Design 等 Web UX 生成器使用。输出描述设计意图(屏幕用途、可见内容、感受),不输出 Tailwind、组件树或十六进制色值,除非用户明确提供。

流程:Step 1 PRD 塑形(可选,无 PRD 时);随后是必需的 PRD 校验门;Step 1.5 UX 哲学(必需,给出 3 种不同哲学由用户选择);Step 2 功能与状态简报(必需,按功能列出屏幕与状态);Step 3 设计方向(可选,氛围简报或 shadcn 风格默认);Step 4 屏幕提示词导出(必需,每个屏幕×状态一个提示块)。

产物写入当前工作目录 docs/prd-to-ux/<YYYY-MM-DD>-<project-slug>/,包含 01-prd.md、01b-ux-philosophy.md、02-features-and-states.md、03-design-direction.md(仅当用户选择时)和 04-screen-prompts/ 下的各功能文件。项目 slug 由 PRD 标题或电梯陈述生成小写 kebab-case,技能提议后允许用户覆盖。

用法:用户通过 /prd-to-ux 调用或引用该技能,可传入 PRD 文件路径或粘贴内容。开场会介绍流程阶段,询问是否有 PRD 或从想法构建,并检查目标目录是否已有产物以决定续跑或重来。每次只运行一个步骤,步骤间给出简短摘要并询问继续或细化,细化会就地编辑产物;产物在步骤内增量写入,会话中断后可恢复。技能在任何收敛点都不自动选择,哲学、设计方向、功能范围均由用户决定。

限制:技能在 Step 4 后停止,不会调用任何渲染工具,提示词由用户自行带到别处使用。不生成代码(React、Tailwind、组件文件),不输出像素级样式规格(除非用户在 Step 3 提供),不产出 HTML 预览,不迭代渲染结果,不维护跨项目设计系统。Step 2 遇到模糊功能会暂停提问并更新 01-prd.md,不编造;用户中途粘贴 PRD 会原样写入并走校验门;若用户拒绝全部 3 种哲学则重新发散或采用用户给定维度,不强制选择。设计方向与功能冲突、平台不匹配等情况会在提示词或交接中注明。