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.

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. The success page also includes a sample prompt for developing your project with an AI agent.

5. Download your project files to your local machine so your project includes the new wix.config.json file, which connects your frontend to Wix APIs.

   Download from https://www.wix.com/_api/wixstro-deployments/v1/instant-sites/YOUR_SITE_ID/download.zip. Replace YOUR_SITE_ID with your site's ID. To find it, open your project in the site dashboard and copy the value in the URL immediately after /dashboard/.

   Or have an AI agent download the files and run the initial setup for you in one step:

   Copy

   This downloads your files and connects your project to Wix business solutions.

   Note: Use this prompt for initial setup only. After the first iteration, keep developing with your agent as you normally would. Don't reuse it.

Step 2 | Set up authentication

Sending your design to Wix sets up your headless project, hosts your site, and creates a client ID for you, stored as the appId in your wix.config.json file. Authentication is yours to wire up, but the groundwork is already done.

To set up authentication, install the Wix JavaScript SDK and create a client with OAuthStrategy, passing the appId from wix.config.json as your client ID.

For more information on handling site visitors and members, see About Authentication for Self-Managed Headless.

Step 3 | Continue developing

After your project is set up, keep building:

• Develop with an AI agent. Point your agent at the Wix Headless skill to finish setup and integrate Wix business solutions. For more information, see the Headless AI Toolkit.
• 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

• About Wix-Managed Headless