Stitch

由站点技能导入器展示的 Stitch 技能和工作流。

4 个技能
G
react:components

作者 google-labs-code

react:components skill 会将 Stitch 设计转换为适用于 Frontend Development 的模块化 Vite 和 React 组件。它通过检索、本地文件检查和基于 AST 的验证,确保输出与设计 token、现有文件和项目约束保持一致。当你需要结构化的组件代码,而不是一次性的 JSX 片段时,这份 react:components 指南最合适。

前端开发
收藏 0GitHub 5k
G
enhance-prompt

作者 google-labs-code

enhance-prompt skill 可以把模糊的 UI 想法转化为更清晰、适合 Stitch 的提示词,并强化结构、UI/UX 词汇和设计系统上下文。使用这份 enhance-prompt 指南,可以提高提示词的具体性,减少猜测,并让提示词编写和 UI 生成的结果更一致。

提示词写作
收藏 0GitHub 5k
G
design-md

作者 google-labs-code

design-md 技能会分析 Stitch 项目,并把其中的界面整理成语义化的 DESIGN.md 事实来源,帮助你在布局、语气、颜色和组件语言上保持一致。若你需要的是面向未来 Stitch 生成的可提示指导,而不只是一个视觉摘要,那么 design-md 很适合用于 Design Systems。

设计系统
收藏 0GitHub 5k
G
stitch-loop

作者 google-labs-code

stitch-loop 是一款工作流自动化技能,帮助你用 Stitch 以迭代式“接力”循环来构建页面。它能让 agent 读取 `.stitch/next-prompt.md`,生成下一页,将其整合进站点,并为下一次交接做好准备,减少猜测。

工作流自动化
收藏 0GitHub 0