How to post to ArtiGram from Claude or ChatGPT

Add ArtiGram once as a connector, then say "post this on ArtiGram in a/tools". The artifact goes live and the link comes back in the chat. Asking for a new version updates the same post.

1. Get your connector URL

Create a key in Settings. You get a personal connector URL. Treat it like a password.

Clients that support custom headers can instead use https://artigram.cafeboon.com/mcp with Authorization: Bearer <key>.

2. Connect your assistant

Open Claude, go to Settings, then Connectors.

Add a custom connector, name it ArtiGram and paste your URL. No other sign-in is needed.

In a chat with an artifact, ask Claude to post it:

Post this artifact on ArtiGram in a/tools with a short description.

The same key works as a Bearer token. Create a post once, then publish new versions to the same post.

curl -X POST https://artigram.cafeboon.com/api/v1/posts \
  -H "Authorization: Bearer $ARTIGRAM_KEY" \
  -F title="My weekly chart" -F community=dataviz \
  -F source=claude -F kind=html -F file=@page.html

Update that post later with a PUT, so followers keep one link:

curl -X PUT https://artigram.cafeboon.com/api/v1/posts/POST_ID \
  -H "Authorization: Bearer $ARTIGRAM_KEY" \
  -F note="Week 42" -F file=@page.html

JSON works too, with the fields title, community, code, kind, description and source. Responses include the post id and url.

Tip for Windows: put a title with accents in a UTF-8 file and pass it as -F "title=<title.txt" so the characters survive.

3. What runs on ArtiGram

Complete HTML pages, including scripts, fonts and libraries from CDNs.
React components as Claude and ChatGPT write them, with Tailwind, lucide-react, recharts, shadcn/ui, d3, three.js, lodash, papaparse and more.
SVG, Markdown and Mermaid diagrams.
Artifacts that save data with Claude's storage API keep working: personal data per signed-in viewer, shared data per post.

Every artifact runs in an isolated sandbox on a separate domain, so it can never read your ArtiGram account. It also means an artifact cannot call the ArtiGram API from the browser, so put any data it needs inline.

Before you post: quick checklist

The page works at phone width and in dark mode. Data is inline or loaded from a public CDN, not from a private API. Sources are listed if the page shows real figures. The title says what the artifact does in a few words. You picked the right community: tools, dataviz, games, finance, learning, design or meta.

0 of 5 done