Skill · Anthropic Claude Code Artifacts Documentation & VentureBeat (June 2026)
कोड सेशन को तुरंत साझा करने योग्य डैशबोर्ड में बदलें
फोटो: Stephen Dawson Unsplash पर
Claude Code Artifacts आपको आपके कोडबेस से सीधे इंटरैक्टिव HTML डैशबोर्ड और लाइव डॉक्यूमेंटेशन बनाने देता है, और फिर उन्हें निजी लिंक के ज़रिए तुरंत साथियों के साथ साझा करता है। किसी डिप्लॉयमेंट की ज़रूरत नहीं - तकनीकी काम को कुछ ही सेकंड में क्लिक करने योग्य प्रोटोटाइप में बदलें जिसे आपके स्टेकहोल्डर वास्तव में समझ सकें।
जून 2026 में लॉन्च किए गए Claude Code Artifacts स्व-निहित HTML पेज हैं जो आपके Claude Code सेशन से एक निजी claude.ai URL पर प्रकाशित किए जाते हैं। चैट आर्टिफैक्ट्स के विपरीत जो केवल बातचीत में रहते हैं, Code आर्टिफैक्ट्स आपके वास्तविक रिपॉजिटरी, कनेक्टरों और सेशन संदर्भ से बनते हैं - ऐसे प्रोटोटाइप बनाते हैं जो आपके असली उत्पाद जैसे दिखते हैं, किसी सामान्य मॉकअप जैसे नहीं।
कार्यप्रवाह इस प्रकार है: अपने कोडबेस के साथ एक Claude Code सेशन शुरू करें। Claude से एक इंटरैक्टिव डैशबोर्ड, एक PR वॉकथ्रू विज़ुअलाइज़र, या एक डेटा टेबल बनाने के लिए कहें - Claude एक एकल स्व-निहित HTML फ़ाइल लिखता है और उसे तुरंत एक निजी लिंक पर प्रकाशित करता है। आप उस URL को कॉपी करके Slack में डाल देते हैं। आपकी टीम इसे किसी भी ब्राउज़र में खोलती है, डैशबोर्ड या वॉकथ्रू को लाइव क्लिक करके देखती है, और आपके सेशन के जारी रहने के साथ अपडेट देखती है - और यह सब बिना आपको कोड कमिट किए या सर्वर सेट अप किए।
उत्पाद टीमों के लिए मुख्य लाभ है निष्ठा (fidelity)। क्योंकि Claude Code आपके रिपॉजिटरी के अंदर काम करता है, यह आपके वास्तविक डिज़ाइन सिस्टम, रंग टोकन और कंपोनेंट पैटर्न को खींच सकता है - आपका प्रोटोटाइप आपके उत्पाद जैसा दिखता है, किसी वायरफ्रेम जैसा नहीं। जब आप स्टेकहोल्डरों को डेटा डैशबोर्ड या फ़ीचर फ़्लो दिखाते हैं, तो वे इसे गंभीरता से लेते हैं क्योंकि यह आपकी डिज़ाइन भाषा से बिल्कुल मेल खाता है। प्रोडक्ट मैनेजर इसका उपयोग ऐसे मॉकअप सौंपने के लिए करते हैं जिन्हें डेवलपर लगभग सीधे कॉपी कर सकें।
इसे सक्रिय करने के लिए: Pro, Max, Team, या Enterprise प्लान पर Claude Desktop या Claude Code CLI का उपयोग करें। एक सेशन शुरू करें, Claude से एक डैशबोर्ड या इंटरैक्टिव टूल बनाने के लिए कहें, और जब यह तैयार हो, तो आउटपुट में प्रकाशन बटन या आर्टिफैक्ट लिंक देखें। निजी URL अपनी टीम के साथ साझा करें - Team और Enterprise प्लान पर, आप ज़रूरत पड़ने पर लिंक को सार्वजनिक बनाने के लिए बाहरी साझाकरण कॉन्फ़िगर कर सकते हैं। सेशन जारी रखकर पुनरावृत्ति करें; Claude के परिष्कृत करने पर आर्टिफैक्ट लाइव अपडेट होता है।
स्रोत और क्रेडिट
मूल स्रोत: Anthropic Claude Code Artifacts Documentation & VentureBeat (June 2026)