18 जून 2026 को Anthropic ने Claude Code Artifacts (beta) रिलीज़ किया — एक ऐसा फ़ीचर जो टर्मिनल की कोडिंग सेशन को एक "लाइव" वेब पेज में बदल देता है जिसे आपकी टीम शेयर कर सकती है। Claude Code द्वारा अंतहीन git diff और लॉग को टेक्स्ट के रूप में स्ट्रीम करने के बजाय, यह एक एनोटेटेड PR वॉकथ्रू, एक स्वयं-अपडेट होने वाला डैशबोर्ड, या एक इंसिडेंट टाइमलाइन को एक ही पेज के रूप में पब्लिश कर सकता है।

यह लेख Artifacts क्या है, यह 2024 के claude.ai Artifacts से कैसे अलग है, इसे कैसे इस्तेमाल करें, इसकी सीमाएँ, और इसकी उपलब्धता को कवर करता है — आधिकारिक डॉक्स के आधार पर। शुरुआत में तीन मुख्य बातें। (1) यह एक सेशन के आउटपुट को एक प्राइवेट claude.ai URL पर एक ही पेज के रूप में पब्लिश करता है, और जैसे-जैसे काम आगे बढ़ता है कंटेंट अपडेट होता रहता है। (2) कोई समर्पित /artifact कमांड नहीं है — आप सादी भाषा में पूछते हैं ("एक पेज बनाओ जो इस PR को एनोटेशन के साथ समझाए")। (3) यह Pro / Max / Team / Enterprise प्लान पर उपलब्ध है, पर केवल /login के ज़रिए साइन-इन की गई सेशन में ही इस्तेमाल हो सकता है (API key के साथ नहीं)।

CLAUDE CODE · ARTIFACTS

एक सेशन को "शेयर्ड पेज" में बदलें

— टर्मिनल आउटपुट से एक लाइव पेज तक जिसे आप देख सकते हैं और जिससे इंटरैक्ट कर सकते हैं

claude code — session
> पिछले हफ़्ते की deploy
  failures को सारांशित करो
  एक artifact के रूप में
deploy-failures.html पब्लिश हो रहा है…
→
claude.ai/code/artifact/…
Deploy failures by service
● डिफ़ॉल्ट रूप से केवल आपके लिए · काम के साथ अपडेट

यह एक प्राइवेट claude.ai URL (जब तक आप शेयर न करें, केवल आप देख सकते हैं)।
हर अपडेट उसी URL पर एक नया वर्शन बन जाता है, और जिसके पास भी पेज खुला है उसके लिए वह उसी जगह रिफ़्रेश हो जाता है।

1. Claude Code Artifacts क्या है

आधिकारिक परिभाषा: "एक artifact एक लाइव, इंटरैक्टिव वेब पेज है जिसे Claude Code आपकी सेशन से claude.ai पर एक प्राइवेट URL पर पब्लिश करता है।" इसे ब्राउज़र में खोलें और जैसे-जैसे सेशन आगे बढ़ती है यह उसी जगह अपडेट होता रहता है। यह पेज "उस हर चीज़ से बनाया जाता है जिस तक आपकी सेशन पहुँच सकती है, जिसमें आपका कोडबेस और वह डेटा शामिल है जिसे यह आपके कनेक्टेड टूल्स के ज़रिए खींचता है" (MCP कनेक्टर)।

इसका मकसद "उस आउटपुट को, जिसे टर्मिनल टेक्स्ट के रूप में बताना मुश्किल है, एक ऐसे पेज में बदलना है जिसे आप देख सकें और जिससे इंटरैक्ट कर सकें।" उदाहरण के लिए, एक लंबी जाँच के दौरान आप एक इंसिडेंट टाइमलाइन शेयर कर सकते हैं जो भरती जाती है जैसे-जैसे आप काम करते हैं, या एक रिलीज़ चेकलिस्ट जो खुद-ब-खुद चेक होती जाती है जैसे-जैसे टास्क पूरे होते हैं। Anthropic इसे ऐसे कोलैबोरेशन टूलिंग के रूप में प्रस्तुत करता है जो "टीमों को स्टेटस अपडेट पर कम और बनाने में ज़्यादा समय बिताने देता है।" इसे Claude Code के लिए एक नई आउटपुट सतह समझें, Skills और MCP के साथ-साथ।

2. 2024 के claude.ai Artifacts से यह कैसे अलग है

बहुत-से लोगों के मन में साइड-पैनल (canvas) Artifacts आएँगे जो 2024 में claude.ai चैट में दिखाई दिए थे। इनका नाम और वंश एक है, लेकिन Claude Code Artifacts एक अलग सतह है। चूँकि इन दोनों में भ्रम होना आसान है, यहाँ ब्योरा दिया है (नोट: यह तुलना हमारी अपनी समीक्षा है — Anthropic इन्हें आमने-सामने रखकर प्रस्तुत नहीं करता)।

claude.ai Artifacts (2024)Claude Code Artifacts (2026)
कहाँ दिखता हैclaude.ai में चैट के बगल में एक canvasएक टर्मिनल कोडिंग सेशन से एक स्वतंत्र पेज
कंटेंट का स्रोतचैट की बातचीतपूरी सेशन (कोडबेस, कनेक्टर)
देखने वालों के लिए लाइव-अपडेटिंगनहीं (आप चैट में दोबारा जेनरेट करते हैं)हाँ (पब्लिश किया गया पेज उसी जगह रिफ़्रेश होता है)
शेयरिंग का दायरासार्वजनिक किया जा सकता हैडिफ़ॉल्ट रूप से निजी; org के भीतर या सार्वजनिक लिंक से शेयर करें (Team / Enterprise पर सार्वजनिक शेयरिंग Owner चालू करता है)

एक पंक्ति में: 2024 वाला वर्शन "चैट के अंदर एक artifact रेंडर करता है," जबकि 2026 का Claude Code वर्शन "एक टर्मिनल कोडिंग सेशन को एक स्वयं-अपडेट होने वाले, शेयर करने योग्य वेब पेज में बदल देता है।" नाम एक ही है, लेकिन इस्तेमाल का तरीका और शेयर करने का तरीका अलग है।

3. यह किस काम के लिए अच्छा है

Anthropic जिन उपयोग-मामलों का नाम लेता है, वे ठीक वही तरह के हैं जहाँ "पेज देखना टेक्स्ट पढ़ने से बेहतर है।"

USE CASES

जब "पेज" टेक्स्ट से बेहतर हो

PR वॉकथ्रू
Diffs को एनोटेट किया गया और गंभीरता के अनुसार रंग-कोडित। आपकी रिव्यू की माँग एक नज़र में समझ आ जाती है।
डैशबोर्ड
सेशन डेटा से फ़िल्टर और सॉर्ट होने वाली टेबल और चार्ट जेनरेट करें।
इंसिडेंट टाइमलाइन
एक लंबी जाँच के दौरान टाइमलाइन भरती जाती है — काम करते-करते शेयर करें।
रिलीज़ चेकलिस्ट
जैसे-जैसे काम पूरा होता है आइटम खुद-ब-खुद चेक होते जाते हैं।
आर्किटेक्चर / डेटा-फ़्लो मैप
सेवाओं और डेटा फ़्लो का डायग्राम बनाएँ। नए लोग जल्दी रफ़्तार पकड़ते हैं।
ऑडिट / लागत / ट्राइएज
डिपेंडेंसी-लाइसेंस ऑडिट, क्लाउड लागत मैप, और "Copy as prompt" बटन वाले ट्राइएज बोर्ड।

सामान्य कसौटी: "क्या यह आउटपुट लाइन-दर-लाइन पढ़ने के बजाय देखने और इंटरैक्ट करने में आसान है?"

4. इसे कैसे इस्तेमाल करें

सबसे बड़ी विशेषता: कोई समर्पित /artifact कमांड नहीं है। आप सादी भाषा में पूछते हैं, या जब आउटपुट किसी पेज के लिए उपयुक्त हो तो Claude खुद एक की पेशकश करता है। प्रक्रिया:

# 1) Ask in plain language during a session (examples)
Make an artifact that walks through this PR with the diff annotated inline.
Build a dashboard artifact of last week's deploy failures by service and keep it updated as you investigate.

# 2) Claude writes a .html (or .htm / .md) — to a temp folder outside your project unless you name a location — and publishes it
#    In plan mode, or when the page declares capabilities such as connector calls, Claude asks first

# 3) The URL is printed and opens in your browser. Reopen the latest with Ctrl+]
#    Disable auto-open with CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0

अपडेट करने के लिए बस Claude से बदलाव करने को कहें — यह फ़ाइल एडिट करके उसी URL पर पब्लिश करता है, और हर पब्लिश एक नया वर्शन बनता है (Share कंट्रोल से आप चुन सकते हैं कि दर्शक कौन-सा वर्शन देखें)। किसी दूसरी सेशन से अपडेट करने के लिए artifact का URL पेस्ट करें (वरना एक नया artifact बन जाता है)। नया artifact शुरू में केवल आपको दिखता है। पेज हेडर के Share कंट्रोल से शेयर करें: Team / Enterprise पर आप खास लोगों या पूरे org को एक्सेस दे सकते हैं, और सार्वजनिक लिंक से कोई भी claude.ai में साइन-इन किए बिना इसे खोल सकता है (Team / Enterprise पर केवल तब, जब Owner ने बाहरी शेयरिंग चालू की हो)। जिनसे आप शेयर करते हैं वे डिफ़ॉल्ट रूप से दर्शक होते हैं; Team / Enterprise पर आप किसी को एडिटर भी बना सकते हैं। आपके सभी artifacts claude.ai/code/artifacts की गैलरी में सूचीबद्ध होते हैं।

5. सीमाएँ — यह कोई "ऐप" नहीं है

आधिकारिक डॉक्स साफ़ कहते हैं: "एक artifact काम का एक कैप्चर है, कोई एप्लिकेशन नहीं।" इसे ग़लत समझेंगे तो निराश होंगे, इसलिए इन बंधनों पर ध्यान दें।

मुख्य बंधन (आधिकारिक)

· कोई बैकएंड नहीं: एक ही स्टैटिक पेज। यह खुद दर्शकों का प्रमाणीकरण नहीं कर सकता और न ही कई रूट दे सकता है (केवल पेज के अंदर एंकर)। देखते समय ताज़ा डेटा लाने के लिए यह claude.ai के ज़रिए MCP कनेक्टर कॉल करता है।

· सीमित बाहरी रिक्वेस्ट: सख़्त CSP के तहत पेज केवल Google Fonts के फ़ॉन्ट और पाँच सार्वजनिक CDN (cdnjs, unpkg, jsDelivr आदि) की स्क्रिप्ट लोड कर सकता है। बाकी बाहरी स्क्रिप्ट/CSS/फ़ॉन्ट/इमेज ब्लॉक होती हैं, और fetch, XHR व WebSocket केवल पेज के अपने origin और Google Fonts तक पहुँचते हैं। बाकी CSS/JS इनलाइन होते हैं; इमेज data URI के रूप में एम्बेड होती हैं।

· फ़ाइल प्रकार और आकार: केवल .html / .htm / .md। रेंडर किया गया पेज ≤ 16 MiB होना चाहिए (बड़ी इमेज ही आमतौर पर पब्लिश फ़ेल होने की वजह होती हैं)।

· टोकन लागत: इनलाइन CSS/JS और data-URI इमेज का मतलब है कि यह टर्मिनल टेक्स्ट से ज़्यादा टोकन खपत करता है।

तो Artifacts "चलता हुआ ऐप बनाने का तरीका" नहीं है — यह "किसी सेशन के आउटपुट को एक शेयर करने योग्य, पढ़ने योग्य पेज में ठोस रूप देने का तरीका" है। अगर आपको बाहरी सेवाओं से बात करने वाला असली टूल चाहिए, तो सामान्य डेवलपमेंट और डिप्लॉय की ओर जाएँ। org के बाहर दिखाने के लिए सार्वजनिक लिंक से शेयर करें (Team / Enterprise पर, अगर Owner ने बाहरी शेयरिंग चालू की हो), या Claude से रॉ HTML फ़ाइल निकलवाएँ।

6. उपलब्धता और एडमिन कंट्रोल

4 अक्टूबर 2026 तक की शर्तें (नवीनतम जानकारी डॉक्स में देखें)।

आइटमविवरण
प्लानPro / Max / Team / Enterprise। Team / Enterprise पर डिफ़ॉल्ट रूप से चालू; Owner इसे org के लिए बंद कर सकता है
स्थिति18 जून 2026 को बीटा के रूप में घोषित (शुरू में केवल Team / Enterprise)
कहाँ काम करता हैClaude Code CLI, या Claude डेस्कटॉप ऐप (v1.13576.0+)। Agent SDK / GitHub Action / MCP-सर्वर संदर्भों में डिफ़ॉल्ट रूप से बंद
प्रमाणीकरण/login के ज़रिए claude.ai में साइन-इन होना ज़रूरी है। API keys, gateway tokens, और cloud credentials पब्लिश नहीं कर सकते
मॉडल प्रदाताकेवल Anthropic API (Amazon Bedrock / Google Vertex / Microsoft Foundry नहीं)
org पॉलिसीCMEK, HIPAA, या Zero Data Retention (ZDR) वाले org के लिए अक्षम

एडमिन के लिए org-स्तरीय चालू/बंद, रोल-आधारित स्कोपिंग (Enterprise RBAC), रिटेंशन पॉलिसी, एक ऑडिट लॉग (claude_artifact_*), और एक Compliance API मौजूद हैं। इसे खुद अक्षम करने के लिए, सेटिंग्स में "enableArtifact": false, env var CLAUDE_CODE_DISABLE_ARTIFACT=1, या Artifact permission को अस्वीकार करें। अगर साइन-इन में अटक जाएँ, तो ऑथ / लॉगिन एरर के समाधान देखें।

सारांश

Claude Code Artifacts (18 जून 2026 को घोषित) एक टर्मिनल कोडिंग सेशन को एक प्राइवेट claude.ai URL पर एक "लाइव" शेयर्ड पेज में बदल देता है। PR वॉकथ्रू, डैशबोर्ड, इंसिडेंट टाइमलाइन, चेकलिस्ट — ऐसा आउटपुट जिसे पढ़ने से देखना आसान है — अपनी टीम के साथ शेयर करें। यह 2024 के canvas-शैली के claude.ai Artifacts से अलग है: सेशन-स्रोत वाला, स्वयं-अपडेट होने वाला, डिफ़ॉल्ट रूप से निजी। /artifact कमांड नहीं है — आप सादी भाषा में पूछते हैं, Claude एक .html लिखकर पब्लिश करता है, और हर अपडेट उसी URL पर एक नया वर्शन होता है।

लेकिन यह "काम का एक कैप्चर है, ऐप नहीं" — कोई बैकएंड नहीं, सीमित बाहरी रिक्वेस्ट (CSP), एक ही पेज, ≤ 16 MiB। यह Pro / Max / Team / Enterprise प्लान पर चलता है और इसके लिए /login साइन-इन ज़रूरी है (API keys नहीं) और केवल Anthropic API (Bedrock आदि नहीं)। जो टीमें स्टेटस अपडेट की लागत घटाना चाहती हैं, उनके लिए यह एक मज़बूत विकल्प है। संबंधित: Claude Agent Skills, MCP, Claude Cowork।

FAQ

Q. क्या यह 2024 के claude.ai Artifacts जैसा ही है?
A. नहीं, यह अलग है। 2024 वाला वर्शन claude.ai में चैट के बगल में एक canvas में एक artifact रेंडर करता है। Claude Code Artifacts एक टर्मिनल कोडिंग सेशन को एक प्राइवेट claude.ai URL पर एक स्वतंत्र पेज में बदल देता है, जो पूरी सेशन (कोडबेस, कनेक्टर) से बनता है, स्वयं-अपडेट होता है, और डिफ़ॉल्ट रूप से निजी होता है। इनका नाम और वंश एक है, लेकिन सतह और शेयर करने का तरीका अलग है।

Q. मैं एक कैसे बनाऊँ? क्या कोई कमांड है?
A. कोई समर्पित /artifact कमांड नहीं है। सेशन के दौरान सादी भाषा में पूछें ("एक artifact बनाओ जो…"), या जब आउटपुट किसी पेज के लिए उपयुक्त हो तो Claude खुद एक की पेशकश करता है। Claude एक .html (या .htm / .md) लिखकर पब्लिश करता है और एक URL प्रिंट करता है (प्लान मोड में, या जब पेज कनेक्टर कॉल जैसी क्षमताएँ घोषित करता है, तब यह पहले अनुमति माँगता है)। नवीनतम को Ctrl+] से दोबारा खोलें।

Q. क्या कोई भी पेज देख सकता है? क्या मैं इसे सार्वजनिक कर सकता हूँ?
A. नया artifact शुरू में केवल आपको दिखता है। पेज हेडर में Share इस्तेमाल करें: Team / Enterprise पर आप खास लोगों या पूरे org के साथ शेयर कर सकते हैं। सार्वजनिक लिंक से लोग claude.ai में साइन-इन किए बिना भी इसे खोल सकते हैं (Team / Enterprise पर केवल तब, जब Owner ने बाहरी शेयरिंग चालू की हो)। जिनसे आप शेयर करते हैं वे डिफ़ॉल्ट रूप से दर्शक होते हैं; Team / Enterprise पर आप किसी को एडिटर भी बना सकते हैं।

Q. क्या मैं एक चलता हुआ वेब ऐप बना सकता हूँ?
A. नहीं। डॉक्स एक artifact को "काम का एक कैप्चर" कहते हैं। इसमें कोई बैकएंड नहीं, बाहरी रिक्वेस्ट सीमित (CSP केवल पेज के अपने origin और कुछ होस्ट तक fetch/XHR/WebSocket जाने देता है), एक ही पेज, और ≤ 16 MiB की सीमा है। अगर आपको मनचाहे API कॉल या डेटा स्टोरेज चाहिए, तो सामान्य रूप से बनाएँ और डिप्लॉय करें। Artifacts "आउटपुट को पढ़ने योग्य रूप में शेयर करने" के लिए विशेषीकृत है।

Q. क्या मैं इसे अपने प्लान पर इस्तेमाल कर सकता हूँ?
A. 4 अक्टूबर 2026 तक यह Pro / Max / Team / Enterprise प्लान पर उपलब्ध है। Team / Enterprise पर यह डिफ़ॉल्ट रूप से चालू है, और Owner इसे org के लिए बंद कर सकता है। आपको /login के ज़रिए claude.ai में साइन-इन की गई सेशन चाहिए, और API keys / क्लाउड क्रेडेंशियल से पब्लिश नहीं किया जा सकता। प्रदाता केवल Anthropic API है (Bedrock/Vertex/Foundry नहीं)। दायरा बदल सकता है, इसलिए नवीनतम जानकारी आधिकारिक डॉक्स में देखें।