For

Display for Claude Code

Claude creates the artifact. Display is where your company sees it. One command turns your Claude Code HTML output into a permanent URL that only people with your company email can access. No Claude seats required for viewers.

Free tier available$49/month flat for TeamsGoogle + Microsoft SSOUnlimited viewers
terminal
$ display publish ./report.html
 
Uploading    47kb
Auth       Google Workspace ✓
 
✓ Published
 
→ https://view.display.dev/p/f474hfd/8f3kx9
 
Viewers    anyone at acme.com
Expires    never
Version    1
 
$ 

Claude Code generates HTML. Then what?

Claude Code writes HTML files to disk. Architecture proposals. Competitive analyses. Visual reports. Interactive presentations. All self-contained. All beautifully rendered.

All stuck on your local machine.

Claude Code has no built-in publish step. Claude's web Publish button doesn't exist in the CLI. Claude org sharing requires Claude seats for every viewer. Screenshots destroy the interactivity you just built.

The artifact took 60 seconds to generate. Sharing it takes an hour of workarounds — or it doesn't happen.


Three steps. Fifteen seconds.

Step 1: Install the CLI once

npm install -g @display-dev/cli
brew install display-dev/tap/display

Step 2: Publish

dsp publish ./output.html --name "q1-architecture"

Step 3: Share the URL

Paste it in Slack, Notion, Jira, or email. The link is permanent.

What your teammates see: They click the link. They authenticate with their company Google or Microsoft email — one time, five seconds. They see the full interactive artifact: charts, animations, tabs, all of it. No app to install. No account to create.


Or: say it in Claude

Configure the Display MCP server once. After that, in any Claude conversation:

"Publish this architecture proposal to my team."

Claude calls display_publish(), gets back a company-gated URL, and returns it in the conversation. No terminal. Works in Claude Desktop, Claude Code (with MCP), and any Claude-compatible client.

// Claude Desktop config (Settings → MCP Servers)
{
  "mcpServers": {
    "display-dev": {
      "url": "https://mcp.display.dev",
      "apiKey": "your-api-key"
    }
  }
}

MCP setup guide →


Everything Claude Code generates

Any HTML file Claude Code writes to disk. That includes:

  • Architecture diagrams with D3, Mermaid, or custom SVG
  • Competitive analyses with sortable tables and interactive filters
  • Visual reports with charts, animated transitions, and data grids
  • Interactive presentations with tabs, slides, and dynamic content
  • Dashboards with live-looking data and rich layouts
  • Technical specs rendered as polished HTML documents

For directory output (multiple files): dsp publish ./output/ — serves index.html at the root, all assets resolved.


Claude Code sharing options compared

OptionNon-engineer viewersCompany authInteractivityTimeCost
Screenshot✅ (degraded)10 sec$0
Claude org share❌ (needs seats)5 sec$25+/seat/mo
GitHub Pages❌ / $2,100/mo5–30 min$0 / $2,100/mo
Vercel + SSO20+ min$320+/mo
Display15 sec$49/mo flat

Pricing

Free — one-time password auth, 50MB, unlimited viewers
Teams ($49/month) — Google + Microsoft SSO, 25GB, custom domain, unlimited viewers

Most Claude Code users try the free tier and upgrade when one-click SSO becomes worth $49/month for the team.

See all pricing →


Publish your first Claude Code artifact free →


Common questions.

Do my teammates need Claude accounts to view the artifact?+

No. Display authentication is based on your company's Google or Microsoft email — the same account they use for everything else. No Claude subscription required for viewers.

Does this work with Claude Code CLI, not just Claude's web UI?+

Yes. Claude Code writes HTML to disk. dsp publish ./file.html publishes any file on disk, regardless of which tool generated it.

What if my Claude Code output is a directory of files, not a single HTML file?+

Run dsp publish ./dist/ — Display serves the whole directory at a single URL, with index.html as the root and all relative asset paths resolved.

Can I update a published artifact?+

Yes. Run dsp publish ./updated-file.html --name "q1-architecture" with the same name to overwrite. The URL stays the same — everyone who bookmarked or shared it sees the updated version.

Does the MCP version work from Claude Code CLI?+

Display's MCP server works in any Claude-compatible MCP client. Claude Code's CLI supports MCP. Configure it in your ~/.claude/settings.json the same way you'd configure any MCP tool.

Publish your first artifact in 15 seconds.

Free tier. No credit card. One-time password auth on free, Google + Microsoft SSO on Teams ($49/month flat).