Quick Start from Claude Design

Send a Claude Design directly to Wix and deploy it as a Wix-managed headless project.

This is a Wix-managed setup, just started from Claude Design instead of the CLI.

Important: Wix hosts and runs your site, but it doesn't handle authentication for you. You create a Wix Client and set up authentication yourself, the same as for self-managed headless. Automatic authentication and extensions are available only with Wix's Astro integration.

Before you begin

  • Connect the Wix Connector to your Claude environment (you only need to do this once): in Claude Design, click Share > the Send to tab > Add a destination > Wix.
  • Build your design as a single page. The Send to Wix flow deploys one HTML page, so a multi-page design won't come across as a single site. Ask Claude for a single-page site with in-page navigation between sections.

Step 1 | Send your design to Wix

  1. In Claude Design, click Share and select the Send to tab.
  2. Select Send to Wix. This creates a wix.config.json file, uploads and hosts your files with SSL, CDN, and business APIs configured, and releases your site so it goes live.
  3. Wait for the process to complete and verify your site is live on the success page.
  4. From the success page, open the live URL, go to your site dashboard, or connect a custom domain.

Your site is now live, but it isn't on your local machine yet. The success page gives you a prompt to copy to bring the project down and finish setup. The next step covers this process.

Step 2 | Set up your local project

To keep developing, you need the project on your machine, including the generated wix.config.json file that connects your frontend to Wix APIs. You also need to set up authentication, since Wix hosts and runs your site but doesn't handle authentication for you.

Choose one of the following approaches.

Step 3 | Continue developing

After your project is set up, keep building:

  • Develop your site with an AI agent. Point your agent at the Wix Headless skill to integrate Wix business solutions and iterate on your site design and flow. For more information, see the Headless AI Toolkit.
  • Keep iterating on the design in Claude Design. If you prefer working on the style in Claude Design, you can create a new design and then export it rather than using Send to Wix (which creates a new site). Click Share > the Export tab, select Standalone HTML, and click Download. Attach the downloaded file to your AI agent and ask it to update your existing project with the new design.
  • Manage business data in the dashboard. Manage products, bookings, blog posts, forms, members, and more directly from your project dashboard. No code required.
  • Preview and deploy with the CLI. Supported-framework projects support npx wix preview to test locally, npx wix release to publish, and global commands like npx wix login. See the CLI command reference.

See also

Last updated: 2 July 2026

Did this help?