SuperAPI AI 工具集

stitch

设计与创作

查看项目

更新于 10-15 22:39

技能介绍

用途:面向 Google Stitch(设计转代码平台,含 MCP 服务器)的技能包,按“设计→代码→视频”流水线组织,引导用户依次完成多页面站点构建、组件化与演示视频制作。

主要能力(6 个子技能):design-md 分析已有屏幕,输出 DESIGN.md 记录色彩、字体、层次、布局与组件样式;enhance-prompt 把模糊 UI 想法改写为结构化、面向 Stitch 的提示词,可注入 DESIGN.md 标记;stitch-loop 以接力(baton)方式迭代生成多页站点至 site/public/ 并更新 SITE.md;react-components 将 Stitch HTML 转为带 props 接口与 mock 数据的模块化 React/TypeScript 组件(src/、src/data/mockData.ts);remotion 用截图生成带转场、缩放和文字叠加的演示视频;shadcn-ui 为任意 React/Next.js 项目集成与定制 shadcn/ui 组件。

使用方式:每个子技能有独立 SKILL.md,使用前应阅读。流水线串联为 design-md → enhance-prompt → stitch-loop → react-components → remotion;shadcn-ui 为可并行的伴随技能,也可独立用于 React/Next.js。文档给出决策树,依据用户诉求从不同步骤切入。完成后需说明成果、下一步并询问是否继续。

限制:多数子技能依赖 Stitch MCP 服务器;shadcn-ui 需 shadcn MCP 或 CLI,可脱离 Stitch 使用;remotion 为 Stitch 专用版本,通用 Remotion 工作请用主 remotion 技能。该技能包注明非 Google 官方支持产品。价格、平台兼容性等资料未提供。