Claude Code में Artifacts: ऑपरेटर गाइड
Anthropic ने Claude Code में artifacts जोड़े हैं। यह फीचर आपके कोडिंग कार्य को लाइव वेब पेजों में बदल देता है जिसे आप अपनी टीम के साथ साझा कर सकते हैं।
Artifacts स्थिर (static) फाइलें नहीं हैं। वे इंटरैक्टिव HTML पेज हैं। जैसे-जैसे आप काम करते हैं, वे अपडेट होते रहते हैं। वे व्यू (views) बनाने के लिए आपके वास्तविक कोड, फाइलों और टेस्ट परिणामों का उपयोग करते हैं।
आप इनका उपयोग इनके लिए कर सकते हैं:
- code diffs के साथ PR walkthroughs
- System architecture diagrams
- Interactive dashboards
- Live incident status pages
- Security और license audits
इनका उपयोग कैसे करें:
- साइन इन करें: अपने Claude Code सेशन में
/loginचलाएं। - पूछें: Claude को एक डैशबोर्ड या डायग्राम बनाने के लिए कहें।
- बनाएं: Claude HTML पेज जेनरेट करता है।
- साझा करें: अपनी टीम को प्राइवेट लिंक भेजने के लिए शेयर बटन पर क्लिक करें।
उपलब्धता और गोपनीयता (Availability and Privacy):
- यह Team और Enterprise प्लान के लिए Beta में है।
- Individual प्लान के पास अभी तक इसका एक्सेस नहीं है।
- Artifacts प्राइवेट हैं। केवल आपके संगठन के प्रमाणित (authenticated) सदस्य ही इन्हें देख सकते हैं।
Anthropic ने डिज़ाइन और कोड के बीच के अंतर को कम करने के लिए Claude Design को भी अपडेट किया है। अब आप /design-sync कमांड का उपयोग कर सकते हैं।
/design-sync वर्कफ़्लो:
- अपने डिज़ाइन सिस्टम को GitHub से Claude Design में खींचें (Pull करें)।
- उन डिज़ाइनों को अपने कोड में लाने के लिए अपने टर्मिनल में
/design-syncका उपयोग करें। - विज़ुअल एडिटिंग के लिए कोड को वापस Claude Design में पुश (Push) करें।
यह एक पूर्ण लूप (full loop) बनाता है। आप AI सिस्टम को छोड़े बिना डिज़ाइन से कोड और फिर डॉक्यूमेंटेशन तक जा सकते हैं।
यह एक बड़ी समस्या का समाधान करता है। आमतौर पर, AI कोडिंग का काम टर्मिनल में छिपा रहता है। इसके बाद डेवलपर्स को Slack या Jira में मैन्युअल रूप से अपडेट लिखने पड़ते हैं। Artifacts काम को तुरंत दृश्यमान बना देते हैं।
काम ही संचार बन जाता है।
स्रोत: https://dev.to/max_quimby/artifacts-in-claude-code-the-operators-guide-4fb0
वैकल्पिक लर्निंग कम्युनिटी: https://t.me/GyaanSetuAi