Overview
Webstudio AI Agent & Local MCP Toolkit is an autonomous bridge for AI agents such as Google Antigravity, Cursor, Claude Code, and Windsurf. It exposes Webstudio MCP capabilities locally, working offline with .webstudio/data.json and .webstudio/assets/ rather than relying on the Cloud API. The project provides a local Webstudio MCP runtime with 70+ official MCP tools and fast Immer transactions, enabling generation in under 500ms. It supports JSX, Radix UI, Animation Groups, Tokens, Collections, and Slots. A Control Center GUI offers first-run auto installation, share link and cloud sync, cookie and CSRF session management, live terminal streaming via SSE, one-click updates, and UA/EN localization. Users can link and sync a Webstudio project, create pages, sections, slots, and components through MCP commands, then push updates and assets to Webstudio Cloud with npx webstudio import --to "<shareLink>". The project is MIT licensed.
Pricing
Free
Detailed plans have not been confirmed in our catalog. Check the official website for current limits and billing terms.
Visit WebsitePrices and limits may change. Confirm the currency, billing period, seat minimum and usage caps on the official website.
Use Cases
- Teams use Webstudio AI Agent to let AI coding assistants access Webstudio MCP locally without tariff or API limits.
- Teams use it to work offline directly with .webstudio/data.json.
- Teams use it to generate changes quickly through Immer transactions.
- Teams use it to build with JSX, Radix UI, Animation Groups, Tokens, Collections, and Slots.
- Teams use the Control Center GUI to configure and operate the agent.
- Teams use it to link and sync a Webstudio Cloud project into local .webstudio/ data and assets.
- Teams use it to upload generated assets through an active browser session.
- Teams use it to send page and asset updates to Webstudio Cloud with a native command.
Features
AI assistant
Natural language interface
Workflow automation
Reviews
No reviews yet. Be the first to share your experience!