From Claude Code to Team URL in 15 Seconds

In three commands and fifteen seconds, your Claude Code HTML artifact goes from your local disk to a permanent URL that only your company can access.

Prerequisites

A display.dev account (free, create one here)
Node.js 18+ or Homebrew

Three commands

1. Install the CLI

npm install -g @displaydev/cli

2. Authenticate

dsp login

3. Publish

dsp publish ./your-file.html

That's the permanent URL. Paste it in Slack, Notion, Jira, or email, and it works forever.

What your teammates see

They click the link and a login page appears. They authenticate with their company Google or Microsoft email, the same one they use for everything else. It takes five seconds, once.

They see the full interactive artifact: charts, animations, tabs, hover states, everything. No app to install, no account to create, no IT ticket.

The full Claude Code workflow

 
dsp publish ./architecture-proposal.html

Total: 15 seconds after Claude finishes generating.

dsp publish takes a single file. If your artifact pulls in external CSS, JS, or images, ask Claude to inline them into one self-contained HTML file before you publish:

dsp publish ./report.html

For PMs and non-technical teammates (MCP)

If you don't have a terminal, use the MCP integration.

Configure the display.dev MCP server in Claude Desktop once (takes 5 minutes, setup guide here). After that:

Open Claude Desktop
Create whatever you're creating
Say: "Publish this to my team"
Claude returns a company-gated URL in the conversation

No file system, no terminal, no configuration beyond the initial setup.

What it costs

Free tier: One-time password authentication. Viewers enter their email and receive a one-time login link. Works well for occasional sharing or small teams.

Pro (€49/month flat): Google Workspace and Microsoft 365 SSO. Viewers authenticate in one click, with no email check and no one-time password. Unlimited viewers, custom domain.

The free tier covers individual use with email OTP. Pro adds one-click Google/Microsoft SSO for team-wide sharing.

Get started free, no credit card required →

For the full guide on all artifact sharing options, see How to share Claude Code artifacts with your whole team. For MCP setup for Claude Desktop, see the MCP setup guide.