工具概览
Webstudio AI Agent & Local MCP Toolkit 是面向 Google Antigravity、Cursor、Claude Code 和 Windsurf 等 AI 智能体的自主桥梁。它在本地暴露 Webstudio MCP 的能力，通过 .webstudio/data.json 和 .webstudio/assets/ 离线工作，而不依赖云端 API。该项目提供本地的 Webstudio MCP 运行时，包含 70 多个官方 MCP 工具和快速的 Immer 事务，可在 500 毫秒内完成生成。它支持 JSX、Radix UI、Animation Groups、Tokens、Collections 和 Slots。Control Center 图形界面提供首次运行时的自动安装、分享链接和云同步、cookie 与 CSRF 会话管理、通过 SSE 的实时终端流、一键更新，以及乌克兰语/英语本地化。用户可以链接并同步 Webstudio 项目，通过 MCP 命令创建页面、区块、slot 和组件，然后使用 npx webstudio import --to "<shareLink>" 把更新和素材推送到 Webstudio Cloud。该项目采用 MIT 许可证。
定价
价格与限制可能变化，请以官网为准，并确认币种、付款周期、最低席位数和用量上限。
应用场景
- 团队用 Webstudio AI Agent 让 AI 编码助手在本地访问 Webstudio MCP，不受收费或 API 限制。
- 团队用它直接基于 .webstudio/data.json 离线工作。
- 团队用它通过 Immer 事务快速生成变更。
- 团队用它使用 JSX、Radix UI、Animation Groups、Tokens、Collections 和 Slots 进行构建。
- 团队用 Control Center 图形界面配置和操作该智能体。
- 团队用它把 Webstudio Cloud 项目链接并同步到本地的 .webstudio/ 数据和素材中。
- 团队用它通过活动的浏览器会话上传生成的素材。
- 团队用它通过原生命令把页面和素材更新发送到 Webstudio Cloud。
功能特性
AI 助手
自然语言界面
工作流自动化
用户评论
还没有评论，来分享你的使用体验吧