SuperAPI AI 工具集

stitch-design-bridge

设计与创作

查看项目

更新于 10-16 02:28

技能介绍

用途:作为 UI/UX 技能系统中的 Stitch 层,把 Google Stitch 或 Stitch MCP/API 工作流接入设计流程,用于在约束下快速探索视觉与屏幕变体。Stitch 定位为探索加速器,不是核心架构者、最终设计权威或事实来源。

主要能力:提供多种运行模式,包括 brief(根据项目约束生成 Stitch 提示词)、variant-plan(定义多个探索方向与成功标准)、review-output(按 UX、SEO/LLM、无障碍、品牌与实现约束评审输出)、figma-handoff、code-handoff、config-check(检查本地 Stitch API/MCP 就绪状态且不打印密钥)、council(在建议冲突时组织高级评审)。

使用方式:默认顺序为 task-plan-v2-orchestrator → ui-ux-llm-product-architect → seo-llm-site-architect(涉及公开可发现性时)→ ui-ux-pro-max → stitch-design-bridge → senior-figma-orchestrator(涉及 Figma 时)→ 实现专家 → 验证 → 大型项目上下文归档。路由前需阅读 references/orchestration-contract.md;生成提示词或评审输出时阅读 references/prompt-quality-rubric.md;涉及 API、MCP、凭据或外部上传时阅读 references/safety-and-api.md。凭据使用环境变量 STITCH_API_KEY,不存入技能内;可运行 python3 $CODEX_SKILLS_DIR/stitch-design-bridge/scripts/check_stitch_config.py 检查配置,该脚本只报告存在性、大致形态与脱敏元数据。

适用场景:需要快速 AI UI 探索、生成 Stitch 提示词、规划变体、评审 Stitch 输出、准备 Figma 或代码交接,以及在 UX、SEO/LLM、Figma 与实现之间出现冲突时进行高级评审。

限制:Stitch 输出仅为候选产物,必须评审后才能用于 Figma、代码或生产;不得覆盖可见事实与业务约束、SEO/LLM 内容架构、无障碍要求、语义 HTML 与确定性操作标签、安全隐私边界、未经评审的 Figma 设计系统令牌以及最终实现验证。提示词、报告、wiki 或任务计划中不得包含 API 密钥、令牌、Cookie、私有 URL、私有截图或 .env 内容;使用外部 Stitch 服务时需记录发送的数据,私有项目数据须获得明确批准。修改本技能后可运行 quick_validate.py、lint_production_skill.py、check_stitch_config.py 及 json.tool 校验 evals.json。