GadgetBond

  • Latest
  • How-to
  • Tech
    • AI
    • Amazon
    • Apple
    • CES
    • Computing
    • Creators
    • Google
    • Meta
    • Microsoft
    • Mobile
    • Samsung
    • Security
    • Xbox
  • Transportation
    • Audi
    • BMW
    • Cadillac
    • E-Bike
    • Ferrari
    • Ford
    • Honda Prelude
    • Lamborghini
    • McLaren
    • Mercedes
    • Porsche
    • Rivian
    • Tesla
  • Culture
    • Apple TV
    • Disney
    • Gaming
    • Hulu
    • Marvel
    • HBO Max
    • Netflix
    • Paramount
    • SHOWTIME
    • Star Wars
    • Streaming
Add GadgetBond as a preferred source to see more of our stories on Google.
Font ResizerAa
GadgetBondGadgetBond
  • Latest
  • Tech
  • AI
  • Deals
  • How-to
  • Apps
  • Mobile
  • Gaming
  • Streaming
  • Transportation
Search
  • Latest
  • Deals
  • How-to
  • Tech
    • Amazon
    • Apple
    • CES
    • Computing
    • Creators
    • Google
    • Meta
    • Microsoft
    • Mobile
    • Samsung
    • Security
    • Xbox
  • AI
    • Anthropic
    • ChatGPT
    • ChatGPT Atlas
    • Gemini AI (formerly Bard)
    • Google DeepMind
    • Grok AI
    • Microsoft Copilot
    • OpenAI
    • Perplexity
    • xAI
  • Transportation
    • Audi
    • BMW
    • Cadillac
    • E-Bike
    • Ferrari
    • Ford
    • Honda Prelude
    • Lamborghini
    • McLaren W1
    • Mercedes
    • Porsche
    • Rivian
    • Tesla
  • Culture
    • Apple TV
    • Disney
    • Gaming
    • Hulu
    • Marvel
    • HBO Max
    • Netflix
    • Paramount
    • SHOWTIME
    • Star Wars
    • Streaming
Follow US
AIAnthropicTech

Live artifacts come to Claude Code

Claude Code’s new artifacts feature turns session output into live, shareable pages for teams.

By
Shubham Sawarkar
Shubham Sawarkar's avatar
ByShubham Sawarkar
Editor-in-Chief
I’m a tech enthusiast who loves exploring gadgets, trends, and innovations. With certifications in CISCO Routing & Switching and Windows Server Administration, I bring a sharp...
Follow:
- Editor-in-Chief
Jun 19, 2026, 9:00 AM EDT
Share
We may get a commission from retail offers. Learn more
Collage of four web-based artifacts created with Claude Code, including an analytics dashboard, a mobile app design showcase, a software migration report, and a systems workflow visualization. The examples demonstrate interactive interfaces, data-rich dashboards, design systems, and technical documentation generated through AI-assisted development.
Image: Anthropic
SHARE

Anthropic just dropped something that might actually change how engineering teams communicate. On June 18, they launched artifacts in Claude Code — a feature that takes the messy, iterative work happening inside an AI coding session and turns it into a living, breathing web page that anyone on your team can open, watch update in real time, and actually understand.

If you’ve ever sat through a standup where someone tries to explain what the AI agent found while debugging a 3 am incident, or watched a PR review devolve into “wait, which file was that again?”, this is aimed squarely at you.

Artifacts are shareable, interactive web pages that Claude Code builds from the full context of your session — your codebase, your monitoring tools, your conversation history, the works. You ask for a page, and it appears at a private URL. As the session continues, the page updates in place. Same link, new version, full history. Only people in your organization can see it. It’s in beta now for Team and Enterprise plans, accessible from both the CLI and the desktop app.

Screenshot of a Claude Code artifact viewer displaying a product analytics dashboard. The interface includes version comparisons, mobile UI mockups, conversion metrics, performance charts, and a sharing panel that allows users to distribute the latest artifact version through a shareable link.
Image: Anthropic

Why this feels different

We’ve had AI coding assistants for a while now. They write code, they explain things, they even help debug. But the output has always been trapped in the chat window — scroll back, copy-paste, lose context, repeat. Artifacts break that container.

Think about what a typical Claude Code session actually looks like. You’re investigating an incident. The agent pulls logs, traces through your codebase, checks the monitoring dashboard you connected, identifies a suspect commit, and reasons through the root cause. Normally, you’d get a wall of text in the terminal. With artifacts, you get a page: a timeline, the relevant code snippets, an error-rate chart, the suspect commits — all clickable, all sourced from the actual work.

Then you share the link. Your teammate opens it. They see exactly what you see. When the agent publishes an update five minutes later because it found something new, the page refreshes. No “let me walk you through it.” No stale screenshots in Slack. The artifact is the status update.

Built on context, not infrastructure

This is the part that’s genuinely clever. Anthropic didn’t build a new dashboarding tool or a BI platform. They realized the AI already has everything it needs — the codebase, the connectors (monitoring, logging, infra), the conversation. The artifact is just a rendering of that context.

You don’t wire up data sources. You don’t stand up infrastructure. You say, “build me an incident page with the timeline, the failing test, the error spike from Datadog, and the root cause” and it happens. The agent reaches into what it already knows and builds the page.

The same logic applies across roles. A privacy engineer asks for a data-flow map of where personal data moves through the codebase. A FinOps person asks for cloud resources and cost drivers mapped from Terraform. A staff engineer wants a real import-graph visualization of how the payments service actually fits together — not the architecture diagram from two years ago, but the real thing, right now.

Live pages that don’t pretend to be apps

There’s an important constraint here that’s worth understanding. Artifacts are standalone HTML pages. No external network requests. No APIs. No WebSockets. No form submissions. All CSS and JavaScript inlined. Images as data URIs. Hard size limit: 16KB rendered.

This isn’t an accident. Anthropic is explicit: artifacts capture work, they don’t become software. They replace whiteboard diagrams, manual bug walkthroughs, status reports, and those “quick Loom video” recordings that nobody watches. They’re visual, self-updating summaries that live inside your org’s trust boundary and don’t leak data.

If you need a real app with a backend, build a real app. If you need the team to understand what happened during the incident, what the PR actually changes, or why the cost spiked — that’s what artifacts are for.

Private by default, shareable on purpose

Every artifact starts private to its author. You share it when you’re ready, and only with authenticated members of your organization. Admins get an org-level toggle, role-based scoping, retention policies, and compliance API visibility. It’s enterprise-grade without being enterprise-bureaucratic.

Version history is built in. Every publish creates a new version at the same URL. You can restore old versions. A gallery lets you browse and manage everything you’ve made. It feels like a modern doc tool, not a dev tool bolted onto a chat interface.

The announcement lists examples by role, and they’re surprisingly practical:

  • Legal and open source: License audit of every dependency, flagging copyleft, straight from the repo.
  • Privacy: Data-flow map of personal data across the codebase for the privacy review.
  • Security: Findings linked to exact lines so the fix is unambiguous.
  • FinOps: Cloud resources and cost drivers from Terraform, grouped by service.
  • Software engineers: PR walkthroughs reviewers can actually follow — diff, reasoning, what was tested.
  • Designers and frontend engineers: Multiple UX variations built from your real component library, so the one you pick is shippable.
  • Staff engineers and architects: Service maps drawn from the real import graph instead of a whiteboard.
  • SRE and on-call: Incident pages that grow as you investigate and become the postmortem.
  • Engineering managers: What actually shipped this week, built from merged PRs, grouped by project.

These aren’t hypothetical. They’re the kinds of artifacts Anthropic’s own teams have been using during internal testing. The debugging workflow — incident investigation before standup, artifact published, updated twice more as the investigation progresses, team already looking at the same view by standup — that came from real usage.

Artifacts first showed up in the consumer Claude web interface back in summer 2024. People built games, dashboards, interactive visualizations — the “look what I made in 30 seconds” energy was real. But that was a playground. Moving artifacts into Claude Code, with access to the actual codebase and connectors and organizational context, changes the category entirely.

It also sits alongside other recent Claude Code releases: routines (reusable prompt workflows), centrally managed MCP connector auth, workload identity federation for secure platform access. The pattern is clear — Anthropic is building Claude Code into a proper enterprise development platform, not just a coding assistant.

If you’re on a Team or Enterprise plan, you have access now. Update Claude Code, open the CLI or desktop app, and ask for something visual. “Build an artifact walking through this PR.” “Map our cloud costs from Terraform.” “Give me five UX variations of this signup form using our component library.”

The agent builds the page, gives you a link. Open it in any browser. Share from the header. Updates publish to the same URL automatically.


Discover more from GadgetBond

Subscribe to get the latest posts sent to your email.

Topic:Claude AIClaude Code
Leave a Comment

Leave a ReplyCancel reply

Most Popular

Gemini app for macOS adds screen-aware voice control

Google’s Glanceboard turns the family calendar into a calmer kind of screen

Google DeepMind launches Gemini Robotics ER 2 for embodied AI

ASUS Prime AP304 brings curved tempered glass to mainstream ATX

Nano Banana in Google Earth: a playground for garden design

Also Read
Snapchat ghost logo

Snapchat updates its algorithm to put real stories ahead of AI-generated clips

Blue "AI" letters with a glitch-like effect on a textured light background.

The strange problem with AI labels

Gemini Spark interface showing Chrome auto-browse handling a flight search task, with status panels for working, typing, taking over, and task done.

Google lets Gemini Spark drive your browser with Chrome auto browse

Black-and-white portrait of a woman wearing large SPECS AR glasses, with the SPECS logo in the bottom-right corner.

Snap’s SPECS AR glasses are coming this fall, but the big showcase is September 16

Two DJI Osmo Pocket 4P cameras in black and white stand side by side, each with a dual-lens gimbal head and a small rear touchscreen.

DJI expands pocket video with the dual-lens Osmo Pocket 4P

Google’s Lyria 3.5 branding displayed on a pale green background.

Google Lyria 3.5 lands in Flow Music

A person using a laptop outdoors with an abstract orange data-visualization overlay across the image.

Perplexity just open-sourced its agent defense layer

Abstract Perplexity Computer artwork with floating glossy spheres over rolling hills and a central robot icon.

Windows now has a real AI “computer” inside it

Company Info
  • Homepage
  • Support my work
  • Latest stories
  • Company updates
  • GDB Recommends
  • Daily newsletters
  • About us
  • Contact us
  • Write for us
  • Editorial guidelines
Legal
  • Privacy Policy
  • Cookies Policy
  • Terms & Conditions
  • DMCA
  • Disclaimer
  • Accessibility Policy
  • Security Policy
  • Do Not Sell or Share My Personal Information
Socials
Follow US

Disclosure: We love the products we feature and hope you’ll love them too. If you purchase through a link on our site, we may receive compensation at no additional cost to you. Read our ethics statement. Please note that pricing and availability are subject to change.

Copyright © 2026 GadgetBond. All Rights Reserved. Use of this site constitutes acceptance of our Terms of Use and Privacy Policy | Do Not Sell/Share My Personal Information.