SuperAPI AI 工具集

stitch-design-spec

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:面向产品、设计、前端与 Agent 编排人员,将 PRD、功能设计包、已有规格或模糊 UI 想法,转成可交给 Stitch 的逐页设计规格与提示词。统一替代 stitch-ui-design-spec-generator 与 stitch-ui-prompt-architect 的内容规则,新任务直接使用本入口。

主要能力:整理页面合同(职责、入口/返回、外壳与业务区、数据与动作、权限、状态、恢复、响应式、无障碍、验收);绘制导航与关键操作流程;按 inline / applied-system / targeted-edit 编译三段式提示词([Context] → [Layout] → [Components]);建立页面/状态→提示→任务的双向关联与覆盖矩阵;支持 spec-only、prompt-only 与精确局部修改等输出视图。

使用方式:先核对来源材料(PRD、NAVIGATION、UI-STRUCTURE、USER-FLOWS、MASTER-PLAN、模块 UI、DESIGN.md 等),记录来源路径、版本与“已确认/建议/待确认”;再定义合同、串联流程、编译提示、拆分任务、验证交接。完整包固定输出 README.md、DESIGN-SPEC.md、pages/<page-id>.md、prompts/<prompt-id>.md、COVERAGE.md、MASTER-PLAN.md、manifest.json,目录优先沿用已有位置,否则建议 docs/stitch-design/。完整包可运行 scripts/validate_package.py 校验。默认视口 Mobile 390×884、Tablet 768×1024、Desktop 1280×1024。安装入口(仅说明):npx skills add full-stack-skills/stitch-skills --skill <skill-name>;full-stack-doc 属于 document-skills:npx skills add full-stack-skills/document-skills --skill full-stack-doc。

适用场景:多页面需求盘点与逐页规格、模块目录中的 Stitch 提示词编写、已有页面合同转提示词、模糊想法先出草案、只修改现有页面局部区域。

限制:全程无需凭据、联网或 Stitch MCP;不创建项目、不应用设计系统、不生成屏幕、不上传数据、不实现业务代码。DESIGN.md 只证明本地有视觉定义,applied-system 模式须由执行器提供当前项目匹配的应用证据。不虚构 API、统计、角色权限或成功回执;不覆盖已批准业务规则,来源冲突保留证据并保持草案。校验通过不保证任意 LLM 输出一致,远程效果需实际生成验证。提示词增强与词汇库改编自 google-labs-code/stitch-skills 固定快照,Apache-2.0,非 Google 官方支持产品。