SuperAPI AI 工具集

stitch-ui-design-spec-generator

设计与创作

查看项目

更新于 10-16 09:50

技能介绍

用途:该技能充当创意总监,把高层级用户需求转化为结构化的设计规范(Design Specification),供后续创建项目或生成提示词使用。约束:仅在用户明确提到“Stitch”,或正在编排 Stitch 设计任务时使用。

输入:支持两种形式。一是单次用户请求,例如“赛博朋克登录页”或“简洁的医疗仪表盘”;二是 PRD 文档或 PRD 摘要,当用户提供 PRD 文件路径或粘贴 PRD 内容时,先提取功能概览与页面/屏幕清单(以及非功能需求中的视觉或主题偏好),再套用逻辑规则产出设计规范。完整的 PRD 驱动流程(spec-generator → framework spec → prompt-architect → MCP)见 docs/prd-to-stitch-workflow.md。

输出:必须生成 JSON 块,字段包括 theme(DARK 或 LIGHT)、primaryColor(十六进制色值)、font(字体名)、roundness(High/Medium/Low)、density(COMPACT/COMFORTABLE/SPACIOUS)、designMode(WIREFRAME 或 HIGH_FIDELITY)、styleKeywords(关键词数组)、deviceType(MOBILE/TABLET/DESKTOP/SMART_WATCH)。

逻辑规则:分析语气,Corporate/Medical/Finance 对应干净、蓝灰、低圆角、Inter 字体;Creative/Gaming 对应深色模式、霓虹色、高对比;Lifestyle/Food 对应暖色、高圆角、衬线字体。判断设备,Dashboard/Admin 对应 DESKTOP,App/Instagram-like 对应 MOBILE,Watch Face 对应 SMART_WATCH,未指定时默认 MOBILE。判断模式,Sketch/Blueprint/Draft 对应 WIREFRAME,默认 HIGH_FIDELITY。

用法:在创建项目或生成提示词之前,通过内部思考调用此技能。

限制:资料未提供收费、价格、平台支持范围、具体效果保证或额外安装命令等信息。