AI驱动UI开发已经成为行业趋势，但多数工具只能单向完成设计转代码，很难做到双向同步迭代。Google Labs 推出的 stitch‑skills 开源库，就致力于解决这一痛点，让AI智能体无缝衔接设计平台与编码工作流，帮助开发者和设计师减少重复劳动，提升UI项目整体开发效率。

简介

stitch‑skills 是 Google Labs 推出的智能体技能插件集合，项目仓库地址为 https://github.com/google‑labs‑code/stitch‑skills，采用 Apache‑2.0 开源许可证进行分发。项目遵循 Agent Skills 开放标准，能够兼容多款主流AI编码智能体，包括 Gemini CLI、Claude Code、Cursor、Antigravity 等工具，降低不同平台之间的适配成本。

项目整体划分为三大插件模块，内置十余项实用技能，覆盖设计处理、代码生成、辅助工具三大方向。它可以实现代码转设计、文本生成UI界面、导出前端组件、提取设计规范文档等能力，打破设计工具和代码工具之间的壁垒，实现设计与代码双向流转，不再局限于单向导出模式，适配UI项目完整迭代流程。

使用

使用前需要部署 Stitch MCP 服务作为底层依赖，同时准备好对应AI编码环境，部分平台支持直接从插件市场安装该项目。手动部署可先克隆项目仓库。

完成仓库下载后，将插件目录配置到AI智能体的技能加载路径，安装项目依赖包。

配置好 Stitch API 密钥，将环境变量写入本地配置，完成服务连接。之后即可直接通过自然语言调用各项技能，例如输入指令将本地前端代码转换为Stitch设计，或是基于文本描述生成UI界面，也可以把设计稿导出为 React、React Native 等框架代码，完成从构思到产出的完整流程。

总结

stitch‑skills 以插件化的形式补齐了AI UI开发的双向流转短板，依托开放标准拥有不错的跨工具兼容性，把设计生成、设计系统管理、代码转换能力封装成可直接调用的智能体技能。对于需要高频迭代UI界面的开发者和设计师来说，它可以有效缩短设计到开发的周期，也为开发者自定义AI设计相关技能提供了优秀的参考范例。