𝗔𝗿𝘁𝗶𝗳𝗮𝗰𝘁𝘀 𝗶𝗻 𝗖𝗹𝗮𝘂𝗱𝗲 𝗖𝗼𝗱𝗲: 𝗧𝗵𝗲 𝗢𝗽𝗲𝗿𝗮𝘁𝗼𝗿'𝘀 𝗚𝘂𝗶𝗱𝗲
Anthropic ने Claude Code मध्ये artifacts जोडले आहेत. हे फीचर तुमचे कोडिंग काम थेट वेब पेजेसमध्ये रूपांतरित करते, जे तुम्ही तुमच्या टीमसोबत शेअर करू शकता.
Artifacts ही केवळ स्थिर (static) फाइल्स नाहीत. ती परस्परसंवादी (interactive) HTML पेजेस आहेत. तुम्ही काम करत असताना ती अपडेट होत राहतात. व्ह्यू (views) तयार करण्यासाठी ती तुमचा प्रत्यक्ष कोड, फाइल्स आणि टेस्ट रिझल्ट्स वापरतात.
तुम्ही त्यांचा वापर खालील गोष्टींसाठी करू शकता:
- कोड डिफ्ससह (code diffs) PR वॉकथ्रूसाठी
- सिस्टम आर्किटेक्चर डायग्राम्ससाठी
- इंटरअॅक्टिव्ह डॅशबोर्ड्ससाठी
- लाईव्ह इन्सिडेंट स्टेटस पेजेससाठी
- सुरक्षा आणि लायसन्स ऑडिटसाठी
त्यांचा वापर कसा करावा:
- साइन इन करा: तुमच्या Claude Code सेशनमध्ये
/loginरन करा. - विचारा: Claude ला डॅशबोर्ड किंवा डायग्राम तयार करण्यास सांगा.
- तयार करा: Claude HTML पेज जनरेट करते.
- शेअर करा: तुमच्या टीमला खाजगी लिंक पाठवण्यासाठी शेअर बटणावर क्लिक करा.
उपलब्धता आणि गोपनीयता:
- हे Team आणि Enterprise प्लॅन्ससाठी बीटा (Beta) मध्ये उपलब्ध आहे.
- इंडिविज्युअल प्लॅन्सना अद्याप प्रवेश नाही.
- Artifacts खाजगी आहेत. तुमच्या संस्थेचे केवळ प्रमाणित (authenticated) सदस्यच ते पाहू शकतात.
डिझाइन आणि कोडमधील अंतर कमी करण्यासाठी Anthropic ने Claude Design मध्ये देखील अपडेट केले आहे. तुम्ही आता /design-sync कमांड वापरू शकता.
/design-sync वर्कफ्लो:
- तुमचे डिझाइन सिस्टम GitHub मधून Claude Design मध्ये आणा (Pull करा).
- ते डिझाइन्स तुमच्या कोडमध्ये आणण्यासाठी तुमच्या टर्मिनलमध्ये
/design-syncवापरा. - व्हिज्युअल एडिट्ससाठी कोड पुन्हा Claude Design मध्ये पुश (Push) करा.
यामुळे एक पूर्ण लूप तयार होतो. तुम्ही AI सिस्टम न सोडता डिझाइनपासून कोड आणि त्यानंतर डॉक्युमेंटेशनपर्यंत प्रवास करू शकता.
हे एका मोठ्या समस्येचे निराकरण करते. सहसा, AI कोडिंगचे काम टर्मिनलमध्ये लपलेले असते. त्यानंतर डेव्हलपर्सना Slack किंवा Jira मध्ये मॅन्युअली अपडेट्स लिहावे लागतात. Artifacts मुळे हे काम त्वरित दृश्यमान होते.
कामच आता संवाद बनले आहे.
Source: https://dev.to/max_quimby/artifacts-in-claude-code-the-operators-guide-4fb0
Optional learning community: https://t.me/GyaanSetuAi