Skip to main content
Because a Webstorio site is just local .tsx files, you can build it with your own code editor or AI coding agent — for example Claude Code, Codex, Antigravity, Cursor, Zed, Windsurf, Kiro, GitHub Copilot, or any tool that can edit files on disk. Point the agent or editor at your project directory and work as you would on any React project. To keep generated code deployable:
  • Every page module needs a default export.
  • Import only from the supported libraries; inline anything else as a relative import.
  • Read and write site data through the window.webstorio SDK.
Preview with webstorio dev and ship with webstorio push. The server validates and compiles authoritatively, so a stray import fails fast instead of silently breaking your live site.
Add your project’s conventions (the import allowlist, the window.webstorio SDK, and the default-export rule) to your agent’s rules or instructions file so every generation stays push-ready.

​
Agents on the live project (MCP)

To connect an agent to your Webstorio project directly — CMS, forms, store, App Data — instead of (or in addition to) editing local code, see Connect MCP. See also CLI, MCP, and SDK.