正在打开每日关注
正在打开每日关注
Google 开源的 Agent 技能集合，将 Stitch 设计生成、代码转换与多页网站工作流串联起来。
Google just open-sourced a collection of agent skills that connect your coding tools directly to Stitch. It's called Stitch Design Skills. → Convert React, Vue, or HTML code directly into Stitch designs → Generate multi-page websites from a single prompt → Export Stitch designs back to React or React Native components → Works with Claude Code, Codex, Cursor, and Gemini CLI 100% Free.
是什么 截图中的仓库将 Stitch Design Skills 定义为一组面向 Google Stitch 的 Agent skills 与插件，并遵循 Agent Skills 开放标准，兼容 Codex、Antigravity、Gemini CLI、Claude Code 和 Cursor。它的价值不只是生成页面，而是把设计生成、提示词加工、规范沉淀和代码工作流放进同一套工具链。
核心设计
从 README 可见，仓库采用插件与 utilities 分层：stitch-design 被定位为核心设计工作流插件；design-md 用于分析项目并生成语义化 DESIGN.md，enhance-prompt 将模糊需求转成含 UI/UX 关键词的 Stitch 提示词，stitch-loop 面向多页网站生成与自动验证，taste-design 强调字体、颜色和反通用化标准。安装路径则通过 marketplace 与 CLI 降低使用门槛。
关键洞察 它把设计意图变成可复用的中间资产，再连接 Stitch 与 React/React Native 等实现端，有利于减少设计与代码之间的往返，并让 Agent 遵守一致的视觉约束。
边界与风险 推文中的“免费”、转换能力和兼容范围属于宣传性表述；截图能确认仓库结构与技能说明，但不能证明每种框架的转换质量、自动验证的可靠性或生产可用性。实际输出仍需人工检查响应式布局、组件可维护性、无障碍和品牌一致性。