用途
Prototype Prompt Generator 用于在用户需要为创建 UI/UX 原型生成详细、结构化提示词时提供帮助。它把用户需求转化为完整、可投入生产使用的提示词,其中包含设计系统、配色方案、组件规格、布局结构与实现指南。输出的提示词针对 AI 工具或人工开发者构建 HTML/CSS/React 原型进行了结构优化。
主要能力
该技能通过一套分步工作流生成提示词:
-
收集需求:向用户提出针对性问题,了解应用类型与用途、平台与上下文、设计偏好、功能需求、内容与数据、技术约束。问题以每次 2-3 个的方式增量提出,避免让用户负担过重;许多细节可从上下文推断或用合理默认值填充。
-
选择设计系统:根据需求从 references/design-systems.md 中选择合适的设计系统,包括企业微信风格、iOS 原生风格、Material Design 风格、Ant Design Mobile 风格。若用户未指定,则依据地理位置、平台、应用类型给出推荐。
-
组织提示词结构:使用 references/prompt-structure.md 中的模板,构建包含角色定义、任务描述、技术栈规格、视觉设计要求、实现细节、Tailwind 配置、内容结构与层级、特殊要求、输出格式等部分的完整提示词。
-
填充具体内容:把模板占位符替换为具体值,包括精确的十六进制颜色码、具体尺寸、真实内容(而非 Lorem Ipsum 或 [Name] 之类占位符)、组件各状态定义。
-
质量保证:依据检查清单进行完整性、清晰度、具体性、真实感、技术准确性五方面校验,未通过则先修正提示词。
-
呈现与迭代:向用户展示生成的提示词并简要说明设计系统选择理由、关键设计决策、所用假设或默认值、如何使用该提示词,并提供调整颜色、间距、页面、设计系统、交互等细化选项,根据反馈迭代,并可保存或导出为 Markdown 或文本文件。
使用方式
该技能以“技能(Skill)”形式提供,触发场景为用户请求生成 UI/UX 原型提示词。使用时用户提供需求信息,技能按上述六步工作流生成提示词,最终输出为可复制给其他 AI 工具或开发者的提示词文本,也可保存为 Markdown 或文本文件。
适用场景
适用于需要为 UI/UX 原型创建详细技术规格的场景,例如企业工作台仪表盘(企业微信风格)、iOS 消费类应用(iOS 原生风格)、Android 应用(Material Design 风格)等。技能内置了若干常见模式,如企业工作仪表盘、iOS 消费类应用、Android 应用。
限制
资料未提供该技能的收费、价格、平台支持范围、具体效果等事实,暂未提供。该技能依赖 references/design-systems.md 与 references/prompt-structure.md 两个参考文件,资料中未提供其完整内容。