{"slug": "claude-code-artifacts-live-pages-from-your-session", "title": "Claude Code Artifacts: Live Pages From Your Session", "summary": "Anthropic launched Claude Code Artifacts on June 18, enabling Claude Code sessions to publish live, shareable HTML or Markdown pages that update in real time as work progresses. The feature, available on Team and Enterprise plans, turns terminal sessions into collaborative web pages for PR walkthroughs, incident response, and data dashboards, with a 16 MiB cap and no external network requests.", "body_md": "Every AI coding session is a black box to your team. Claude spends forty minutes inside your terminal — pulling logs, annotating the diff, building a dependency graph — and the only output your teammates see is a PR description you typed afterward. Anthropic shipped a fix for that on June 18: **Claude Code Artifacts**. It publishes session work as a live, shareable web page at a stable URL. The page updates as Claude keeps working. Your team opens the link and watches the investigation unfold instead of waiting for your Slack update.\n\n## What Artifacts Is\n\nAn artifact is a live HTML or Markdown page that Claude Code publishes from your terminal session to a private URL on claude.ai. Not a screenshot. Not a copied chat log. A rendered page that refreshes in place every time Claude publishes a new version — at the same URL, with scroll position preserved. Version history is saved. Share the link once; it stays current.\n\nThe mechanism: Claude writes an `.html`\n\nor `.md`\n\nfile to your local project, asks permission before first publish, then pushes it to claude.ai. Anyone with the link — within your org — sees the latest version the moment it lands. The [official Anthropic announcement](https://claude.com/blog/artifacts-in-claude-code) describes it as turning a session’s work into “a live, interactive, and shareable custom HTML webpage.”\n\n## How to Enable It\n\nArtifacts is in beta and requires a **Claude Code Team or Enterprise plan**. If you are on an individual plan, you cannot use it yet. Once you are on a qualifying plan:\n\n- Run\n`/login`\n\nin your Claude Code session to authenticate. - Ask Claude in plain English to build an artifact. There is no slash command — Claude decides to publish when the output suits a page format.\n- Claude prints the URL and opens your browser. Use\n`Ctrl+]`\n\nto reopen the most recent artifact from the terminal at any point.\n\nPrompts that work well:\n\n```\n# PR walkthrough\n\"Make an artifact walking through this PR — the diff, the reasoning, and what I tested.\"\n\n# Incident investigation\n\"Build me a live incident page as we work through these logs.\"\n\n# Data visualization\n\"Render this query output as a bar chart artifact I can share with the team.\"\n```\n\n## The Three Use Cases That Change How Teams Work\n\n### PR Walkthroughs\n\nInstead of a reviewer reconstructing intent from a two-sentence PR description, you get a rendered page with the diff annotated inline, reasoning in the margin, and findings color-coded by severity. Reviewers read the thinking next to the code. Review cycles that normally require a synchronous walkthrough become fully async. This is the use case that will convert skeptics fastest.\n\n### Incident Response\n\nDuring an outage, share the artifact URL in your incident channel instead of composing status updates. Claude republishes the timeline as the investigation progresses — the current hypothesis, the suspect commits, the error-rate chart — and anyone watching the page sees updates without interrupting the on-call engineer. By the time the post-incident standup starts, the draft postmortem is already half-written. This is the use case that pays back its setup cost in the first incident.\n\n### One-Off Data Dashboards\n\nPull a data set in session, ask Claude to render it as an interactive chart. Stakeholders get a visual answer without you spinning up a BI tool or sending a spreadsheet. One constraint applies here: the page cannot fetch live data at view time. Everything is embedded at publish time. For snapshot reporting, that is fine. For live feeds, it is not the right tool.\n\n## The Constraints Your Team Needs to Know\n\nThe limits are real and intentional. Anthropic’s [official documentation](https://code.claude.com/docs/en/artifacts) is direct: an artifact is a capture of work, not an application.\n\n**16 MiB hard cap** per artifact. Render large datasets in summary form, not raw.**No external network requests.** All CSS, JavaScript, and images must be inlined. The strict CSP blocks every external host — no fonts from Google Fonts, no scripts from a CDN, no API calls at view time.**No form submissions, no multi-route apps.** One self-contained page only.**Org-authenticated only.** You cannot make an artifact publicly accessible. Sharing is limited to people inside your Claude organization.**Team and Enterprise plans only** during beta. Individual plan users are not eligible.\n\nThe CSP constraints mean Artifacts will not replace your actual dashboards. What it replaces is the friction between the AI doing the work and the team seeing the output — a different problem, and a more tractable one. For a deeper look at the operator-level configuration options, the [operator’s guide on Dev.to](https://dev.to/max_quimby/artifacts-in-claude-code-the-operators-guide-4fb0) covers permission models and org-level controls.\n\n## What This Signals About Where Claude Code Is Headed\n\nEvery other major AI coding tool — Cursor, GitHub Copilot, Codex — keeps session work private to the developer. Anthropic is moving Claude Code in a different direction: the team’s shared visibility surface, not just a personal terminal assistant. [Claude Cowork brought background agents to mobile](https://byteiota.com/claude-cowork-mobile-web-background-agents/); Artifacts brings session output to anyone with a browser. The pattern is a product that increasingly treats the team, not the individual, as the unit of value.\n\nWhether that bet pays off depends on how fast the beta matures — specifically whether individual plan access and public sharing arrive. For now, if your team is on Claude Team or Enterprise, this is worth enabling today. The PR walkthrough use case alone justifies the ten seconds it takes to ask. VentureBeat’s [enterprise analysis](https://venturebeat.com/data/anthropics-claude-code-artifacts-update-brings-live-shared-dashboards-and-interactive-workspaces-to-enterprises) frames it as bridging the gap between backend engineering work and non-technical stakeholders — which is the right framing.", "url": "https://wpnews.pro/news/claude-code-artifacts-live-pages-from-your-session", "canonical_source": "https://byteiota.com/claude-code-artifacts-live-shareable-pages/", "published_at": "2026-07-10 20:12:05+00:00", "updated_at": "2026-07-10 20:14:40.002408+00:00", "lang": "en", "topics": ["ai-tools", "developer-tools", "artificial-intelligence"], "entities": ["Anthropic", "Claude Code"], "alternates": {"html": "https://wpnews.pro/news/claude-code-artifacts-live-pages-from-your-session", "markdown": "https://wpnews.pro/news/claude-code-artifacts-live-pages-from-your-session.md", "text": "https://wpnews.pro/news/claude-code-artifacts-live-pages-from-your-session.txt", "jsonld": "https://wpnews.pro/news/claude-code-artifacts-live-pages-from-your-session.jsonld"}}