Recent projects

    No projects yet.
    Describe a theme to get started.

    Free plan
    The AI builder needs an Anthropic API key. Create app/.env with ANTHROPIC_API_KEY=sk-ant-… and restart the server. You can still import, edit and export themes without one.
    Appearance

    AI builder

    Site Haus

    Welcome back

    Sign in to keep building websites and apps with AI.

    At least 10 characters.

    At least 10 characters.

    CLIENT SERVICES

    Agency

    Bring leads, client sites, and delivery into one workspace.

    Client login ↗ (opens in a new tab)

    What would you like to build?

    Integrations

    Connect Site Haus with the tools you use to build, preview and publish your work.

    Recommended for you

    All integrations

    GitHub

    Account

    Push projects to your repositories, import them, and keep both in sync.

    Figma

    Token

    Paste a link to a Figma frame and the AI rebuilds the design, using its exact sizes, colors, fonts and images.

    Vercel

    Token

    Deploy websites and apps to your own Vercel account.

    Netlify

    Token

    Deploy static sites to your own Netlify account.

    WordPress sites

    Site

    Connect a site to install and manage your themes.

    ✉

    Email

    Mailbox

    Connect your own mailbox and get project updates and summaries by email.

    #

    Slack

    Webhook

    Post project updates to a Slack channel you choose.

    ₿

    Crypto wallets

    Wallet

    Let clients pay in USDT, USDC or Bitcoin to your own wallet. Payments are found on the blockchain and marked paid by themselves.

    $

    Stripe

    Token

    Let agency clients pay a deposit or the full amount after accepting a proposal. Money goes straight to your Stripe account.

    R

    Resend

    Token

    Send your agency's emails (proposals, replies, form links) through Resend from your own domain.

    P

    Postmark

    Token

    Send your agency's emails (proposals, replies, form links) through Postmark from your own domain.

    S

    SendGrid

    Token

    Send your agency's emails (proposals, replies, form links) through SendGrid from your own domain.

    M

    Mailgun

    Token

    Send your agency's emails (proposals, replies, form links) through Mailgun from your own domain.

    B

    Brevo

    Token

    Send your agency's emails (proposals, replies, form links) through Brevo from your own domain.

    AI agents

    MCP

    Connect Claude, ChatGPT or another MCP compatible agent to work on projects.

    AI agents

    AI builder

    Site Haus can build with its own agent using your Anthropic API key, with an agent you already use (Claude, ChatGPT and others), or both.

    Add credits or subscribe

    Connected agents

    AI agents that can build with your Site Haus projects. They connect over MCP and get the same tools as the built-in agent: read and edit files, run code checks, restore versions and export. Project cards open your default agent.

    Connect your Claude or ChatGPT

    Use the AI plan you already pay for. You chat in Claude or ChatGPT, and Site Haus gives it the tools to build, check and update your projects. The AI work runs on your own plan, not ours.

    1. Open Claude (claude.ai) → Settings → Connectors → Add custom connector.
    2. Paste this address and save:
      Public address not set yet
    3. Approve it. Claude opens a Site Haus page. Sign in if it asks, then approve. Nothing is connected until you do.
    4. Start a chat in Claude and ask for what you want, for example “Build me a ping pong game with Site Haus”. Your project appears here as it is built.

    Custom connectors need a Claude plan that allows them; check your plan in Claude's settings.

    1. Open ChatGPT → Settings → Connectors. Turn on developer mode if it asks, then choose Create.
    2. Name it Site Haus, paste this address, and choose OAuth as the sign-in:
      Public address not set yet
    3. Approve it. ChatGPT opens a Site Haus page. Sign in if it asks, then approve.
    4. Start a chat with the Site Haus connector turned on and ask for what you want.

    Custom connectors need a ChatGPT plan that allows them; check your plan in ChatGPT's settings.

    Claude Code runs on this computer, so it can use the local address. Create an access token, then run the command.

    claude mcp add --transport http theme-studio http://localhost:3000/mcp --header "Authorization: Bearer YOUR_TOKEN"

    Claude Desktop, Cursor and most other desktop apps can reach a local server through the mcp-remote bridge. Create a token, then add this to the app's MCP configuration file.

    { "mcpServers": { "theme-studio": { "command": "npx", "args": ["-y", "mcp-remote", "http://localhost:3000/mcp", "--header", "Authorization:Bearer YOUR_TOKEN"] } } }

    Any MCP client that supports Streamable HTTP can connect with a bearer token. Name it so you can recognise it later.

    http://localhost:3000/mcp
    Your access token

    Shown once. If you lose it, disconnect the agent and create a new one.

    What can a connected agent do?

      Edits are applied as one version per call, run the code checks first, and can be undone from the version history. Agents cannot run code on your computer.

      Your projects

      Settings

      Your profile

      Manage your personal details.

      These details are saved in this browser and are only used to personalize this local workspace.

      Profile

      Password

      At least 10 characters. Changing it signs you out of your other devices.

      Signed-in devices

      This device
      You are signed in here.
      Other devices
      Sign out everywhere except here.

      Delete account

      Permanently deletes your projects, connected sites and agents, and cancels any subscription. This cannot be undone. Download anything you want to keep first.

      My preferences

      Choose how Site Haus looks and feels for you.

      Appearance

      Choose a color theme. System follows your device setting.

      Frontend cards

      Choose when promotional cards appear in the sidebar and how they return after someone hides them.

      Display rules

      Each card can have its own start and end time. A value of 0 for the return delay means a hidden card stays hidden on that browser.

      Cards

      Billing & plan

      Manage your plan, usage, and billing details.

      Loading…

      WordPress sites

      Connect your WordPress site once. After that, every theme you generate installs on it with one click, from the Publish menu in any project.

      Connect a WordPress site

      1. Download the connector plugin. It is a small plugin made for you, already paired with this app.
      2. Install it on your site. In WordPress admin go to Plugins → Add New Plugin → Upload Plugin, choose the ZIP, then Install Now and Activate.
      3. Enter your site's address.

      I already installed the plugin without downloading it here

      Needs a self-hosted WordPress 5.8 or newer on https that allows plugins. WordPress.com sites need the Business plan or higher. Multisite networks are not supported. Everything the connector receives is checked before it is written, and only themes it installed can be overwritten.

      Your projects

      Ready
      Version history

      Or upload it by hand: WordPress admin → Appearance → Themes → Add New → Upload Theme.

      The agent has a question

      AI can make mistakes. Check the preview and the code before you publish.
      Starting…
      Stopped

      Your theme will appear here after the first build.

      1. Installing packages
      2. Starting the app
      3. Waiting for it to answer

      The preview hit an error
      
                        
      Code editor
      Select a file