Getting started
View as markdownPublish straight from your chat. 23artifacts turns whatever your AI assistant builds — a page, a report, a little app — into a real website with a shareable link. Connect it once, then just ask.
Connect your assistant (once)
Add 23artifacts to the app you already chat in. Pick yours:
Claude
- 1In Claude, open Customize → Plugins, choose Add → Add marketplace and enter
23made/23artifacts-plugin. - 2Choose 23artifacts in the Discover list and Add it.
- 3In the plugin's Connectors tab, choose Connect, then sign in and allow it — once.
Plugins come with Claude's paid plans. Or add the connector alone: Customize → Connectors → Add custom connector, name it 23artifacts, paste the URL below and Connect. The web, desktop and mobile apps share it. On a Team or Enterprise plan an Owner adds the connector for the organization, under Organization settings → Connectors, and each member then connects.
ChatGPT
- 1Turn on Developer mode in Settings → Security and login.
- 2Open chatgpt.com/plugins, choose +, name it 23artifacts and paste the URL below as the MCP server's address.
- 3Create it, then sign in and allow it. In a new chat, add 23artifacts from the tools menu.
Whether developer mode is offered depends on your plan and your workspace's policy.
Claude Code
- 1In your terminal, run
claude plugin marketplace add 23made/23artifacts-plugin. - 2Then
claude plugin install 23artifacts@23artifacts. - 3In a session, run
/mcp, choose 23artifacts and Authenticate; sign in in the browser window it opens.
Or add the connector alone:
claude mcp add --transport http 23artifacts https://mcp.23artifacts.com/mcp, then authenticate the same way.Codex
- 1In your terminal, run
codex plugin marketplace add 23made/23artifacts-plugin. - 2Then
codex plugin add 23artifacts@23artifacts. - 3Run
codex mcp login 23artifactsand sign in in the browser window it opens.
Or add the connector alone:
codex mcp add 23artifacts --url https://mcp.23artifacts.com/mcp, then the same login. Keep one or the other — both use the name 23artifacts.Cursor
- 1Add it as a custom MCP server from Customize in the sidebar, or in
~/.cursor/mcp.jsonundermcpServersas"23artifacts": { "url": "…" }with the URL below. - 2In Customize, find 23artifacts and sign in when it asks.
VS Code
- 1Run MCP: Add Server from the Command Palette, choose HTTP, paste the URL below and name it 23artifacts.
- 2When the server first starts, let VS Code sign in to 23artifacts and finish in the browser.
Another assistant
- 1Add the URL below as a remote MCP server (streamable HTTP).
- 2Sign in and allow it when it asks — there is no key to paste.
A model running on your own computer works too, through an app that signs in to remote MCP servers — Codex with --oss, Goose, Open WebUI or VS Code — as long as the model can use tools.
Connector URL
https://mcp.23artifacts.com/mcp
- 1In Claude, open Customize → Plugins, choose Add → Add marketplace and enter
Just ask it to publish
No code, no files to configure. Ask in plain language and you get a link back:
“Publish this as a website and give me the link.”
“Update my pricing page with these changes.”
“Make it private so only people I invite can open it.”
Your assistant sends the files to 23artifacts and replies with the artifact's address, like
k3v9x2qa.23a.so. Share it with anyone.Manage it here
Everything you publish shows up in your dashboard — open one to change who can see it, check its traffic, or roll back a change. You can do all of this by asking your assistant too; the dashboard is just the visual way.