विषय-सूची

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) फ़िलहाल यह एक Team / Enterprise बीटा है, जो केवल /login के ज़रिए साइन-इन की गई सेशन में ही इस्तेमाल हो सकता है (API key के साथ नहीं)।

CLAUDE CODE · ARTIFACTS (BETA)

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

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

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

यह एक प्राइवेट claude.ai URL पर पब्लिश होता है (केवल org सदस्य ही देख सकते हैं)।
हर अपडेट उसी 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; सार्वजनिक नहीं किया जा सकता

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

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) into your project and asks to publish
#    "Claude wants to publish 'Deploy failures by service' (deploy-failures.html) to a private page on claude.ai" -> Yes

# 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 पर पब्लिश करता है, और हर पब्लिश एक नए वर्शन के रूप में रिकॉर्ड होता है (आप पुराने वर्शन रिस्टोर कर सकते हैं)। किसी दूसरी सेशन से अपडेट करने के लिए, artifact का URL पेस्ट करें (वरना एक नया artifact बन जाता है)। पेज हेडर में दिए "Share" कंट्रोल के ज़रिए शेयर करें ताकि कुछ खास लोगों को या अपने पूरे org को दे सकें — एक नया artifact शुरू में केवल आपको ही दिखता है। देखने वालों को उसी org के सदस्य के रूप में claude.ai में साइन-इन होना चाहिए, और यह केवल-व्यू है (साझा-संपादन नहीं — लिखने वाले केवल आप ही रहते हैं)। आपके सभी artifacts claude.ai/code/artifacts पर गैलरी में सूचीबद्ध रहते हैं।

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

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

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

· कोई बैकएंड नहीं: एक ही स्टैटिक पेज। यह फ़ॉर्म इनपुट स्टोर नहीं कर सकता, व्यू के समय API कॉल नहीं कर सकता, और कई रूट सर्व नहीं कर सकता (केवल इन-पेज एंकर)।

· कोई बाहरी रिक्वेस्ट नहीं: एक सख़्त CSP बाहरी स्क्रिप्ट/CSS/फ़ॉन्ट/इमेज के साथ-साथ fetch, XHR, और WebSocket को ब्लॉक करता है। CSS/JS इनलाइन होते हैं; इमेज data URI के रूप में एम्बेड होती हैं।

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

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

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

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

जून 2026 तक इसका दायरा सीमित है (यह एक बीटा है — नवीनतम जानकारी डॉक्स में पुष्टि करें)।

आइटमविवरण
प्लानकेवल Team / Enterprise (Pro/Max नहीं)। Team पर डिफ़ॉल्ट रूप से चालू; Enterprise पर एडमिन इसे चालू करता है
स्थितिबीटा (18 जून 2026 को रिलीज़)
कहाँ काम करता है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 मौजूद हैं। इसे खुद अक्षम करने के लिए, सेटिंग्स में "disableArtifact": true, env var CLAUDE_CODE_DISABLE_ARTIFACT=1, या Artifact permission को अस्वीकार करें। अगर साइन-इन में अटक जाएँ, तो ऑथ / लॉगिन एरर के समाधान देखें।

सारांश

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

लेकिन यह "काम का एक कैप्चर है, ऐप नहीं" — कोई बैकएंड नहीं, कोई बाहरी रिक्वेस्ट नहीं (CSP), एक ही पेज, ≤ 16 MiB। इस्तेमाल एक 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 पर एक स्वतंत्र पेज में बदल देता है, जो पूरी सेशन (कोडबेस, कनेक्टर) से बनता है, स्वयं-अपडेट होता है, और केवल-org होता है। इनका नाम और वंश एक है, लेकिन सतह और शेयर करने का तरीका अलग है।

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

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

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

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