How to build a website with Claude or ChatGPT

Claude and ChatGPT can build a website from a description. The ways to do it, what each needs, and the steps from first prompt to a published site.

By Max on X

Founder of Stick

7 min read

A chat bubble wired to a phone page that is assembling itself from blocks

Claude and ChatGPT can both build a website from a description. What differs is where the site ends up: as code you host yourself, as an artifact only people with a Claude account can open, as a ChatGPT Site on a paid plan, or as a page in a website builder connected to the chat.

This guide takes the last way, with Stick. You describe the site in a chat, Claude or ChatGPT builds it as a draft in your Stick account, and you publish it from Stick's editor. It works in Claude on any plan, in ChatGPT where your plan or workspace allows custom MCP servers, and in Claude Code and Codex. What you get is one page made for phones, such as a link in bio, a landing page for a business or a portfolio, not a multi-page website.

Everything below about Claude and ChatGPT comes from Anthropic's and OpenAI's own help pages, checked on 28 October 2026.

Four ways to build a website with Claude or ChatGPT#

WayWhere the site livesWhat you needGood for
A Claude artifactIn Claude, for people with a Claude accountAny Claude plan; sharing by link from ProSeeing an idea before you build it
Claude CodeCode on a host you chooseA Claude subscription or Console account, and some comfort with codeSites with many pages or custom features
ChatGPT SitesA chatgpt.site address, or your own domain where availableChatGPT Plus, Pro, Business or EnterpriseInteractive sites and small apps
Stick, connected to the chatyourname.stick.siteClaude on any plan, or ChatGPT where custom MCP servers are allowedA one-page site you can also edit by hand

A Claude artifact. Claude can make a single-page website or a landing page as an artifact beside the chat, but everyone who opens a shared artifact needs a Claude account, so it is not a public site. Only artifacts made in a chat before 16 September 2026 can still be published for anyone, on Free, Pro and Max.

Claude Code. Anthropic's coding agent writes code across as many files as a project needs, from a plain-language description. What you get is code: hosting it and pointing a domain at it are your job.

ChatGPT Sites. OpenAI's own builder turns a description into a private preview, then deploys it to a chatgpt.site address, or to a domain you own where custom domains are available. It is available on Plus, Pro, Business and Enterprise, not Free or Go. Building counts toward your Codex usage, and hosting is included with Plus and Pro for now.

A builder connected to the chat. MCP, the Model Context Protocol, is the open standard AI apps use to connect to other services. Through Stick's MCP connector, Claude or ChatGPT builds inside Stick, from the same blocks as its editor, so you can keep changing the page by hand. The rest of this guide shows how.

What you need#

  • A Stick account. Your AI app sends you to Stick to sign in, and you can sign up there. Connecting costs nothing on Stick's side and works on its free plan.
  • An AI app that can connect. Claude on any plan: custom connectors work on Free, which allows one, and Stick can be it. ChatGPT, where your plan or workspace lets you add a custom MCP server. Or Claude Code or Codex on your computer.

Build your site in Claude or ChatGPT, step by step#

Step 1: Connect Stick to your AI app#

Every app connects to the same server URL, https://app.stick.so/api/mcp, which Stick MCP has a Copy button for.

In Claude, on the web or in the desktop app, open the Add custom connector dialog with Stick filled in, or go to Customize → Connectors and add a custom connector named Stick with that URL.

In ChatGPT, on chatgpt.com in a browser, open Plugins, press + and choose Add custom MCP server. Name it Stick, paste the URL under Connection, set authentication to OAuth, accept the warning and press Create as a plugin. OpenAI's help page describes this for Business, Enterprise and Edu workspaces, where admins decide who can add a server. If your plan doesn't offer Add custom MCP server, use Claude, which works on every plan.

In Claude Code or Codex, one command in your terminal adds it.

Your app then sends you to Stick to sign in, and Stick asks you to allow access in these words:

It will act on your behalf in Stick: see your sites and their data, create sites and change them. Nothing goes live until you publish it in the editor.

Press Allow access, start a new chat and ask: “Use Stick to list my sites.” It only reads, so it is a safe check that the connection works. The setup guide has the terminal commands and what to do when a step fails.

Step 2: Describe the site#

Brief the assistant the way you would brief a designer: what the site is for, what goes on it and how it should feel. Three prompts to start from:

  • “Make a link in bio for my ceramics studio: the shop, workshop dates and my Instagram.”
  • “Build a one-page site for my bakery: opening hours, our address on a map, this week's menu and a link to order online.”
  • “Make a portfolio page for my wedding photography with a gallery, my prices in an FAQ and an enquiry form.”

It picks the blocks, a theme and a font, saves the site as a draft in your Stick account and gives you a link to it in the editor. Open it and keep it open: each change appears there as it is saved.

Give it the real names, prices, opening hours and links rather than letting it fill the gaps. A placeholder nobody replaced is the first thing a visitor notices.

Step 3: Add your photos#

Ask: “Add a gallery with my own photos.” In Claude and ChatGPT an upload card opens in the chat, and you pick photos from your device: JPEG, PNG, GIF, WebP, AVIF or SVG, up to 10 MB each. Elsewhere, the assistant gives you a link to upload them in the editor. It can also crop a photo you've uploaded.

Step 4: Change it until it looks right#

Ask for changes in plain words: “Make it darker with a serif font, and keep my text.” Or make them yourself: the site uses the same blocks and themes as Stick's editor, so you can rewrite, restyle or reorder anything by hand. If you edit while the assistant is working, its next save is refused rather than overwriting yours; ask it to read the site again and redo the change.

Step 5: Publish it#

The assistant can't publish. Open the editor, check the site on its phone-shaped canvas and publish it there. It goes live at yourname.stick.site, ready for your Instagram or TikTok bio, an email signature or a QR code.

Selling something? The assistant can add a Digital Product block, price included, but you connect Stripe and upload the file buyers get in Stick, and a paid product can't be published until Stripe is connected.

What it can't do#

The connector saves drafts. Through it, Claude and ChatGPT can't:

  • publish, unpublish or delete a site
  • read your analytics, contacts, form submissions or orders
  • connect Stripe, take payments or upload a Digital Product's file
  • set a form's fields, which you do in the editor
  • start a second site: a Stick site is one page, and an account has one site

A page holds up to 100 blocks and 100 stickers, the same limits as the editor, and publishes on a Stick subdomain: Stick doesn't connect a domain of your own today. If you need more than one page, your own domain now, or a tool with sign-in and saved data, ChatGPT Sites or Claude Code from the table above fits better.

Stick MCP shows what the connector does in three prompts, and the setup guide has the steps for each app, every tool the assistant uses and fixes for common errors.

Sources

Questions people ask

Share this

Keep reading

  • A board of social post templates with a price tag and a coin

    Guides8 min read

    How to sell Canva templates

  • A printed book with a price tag beside an e-reader showing lines of text

    Guides6 min read

    How to sell ebooks

  • A document sent through a download token into an open envelope

    Guides6 min read

    How to sell a PDF online