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 and license audits
انہیں کیسے استعمال کریں:
- سائن ان کریں: اپنے Claude Code سیشن میں
/loginچلائیں۔ - پوچھیں: Claude کو کوئی ڈیش بورڈ یا ڈایاگرام بنانے کے لیے کہیں۔
- بنائیں: Claude HTML صفحہ تیار کرتا ہے۔
- شیئر کریں: اپنی ٹیم کو پرائیویٹ لنک بھیجنے کے لیے شیئر بٹن پر کلک کریں۔
دستیابی اور پرائیویسی:
- یہ Team اور Enterprise پلانز کے لیے Beta میں ہے۔
- انفرادی (Individual) پلانز تک ابھی رسائی نہیں ہے۔
- Artifacts پرائیویٹ ہیں۔ آپ کے ادارے کے صرف تصدیق شدہ (authenticated) ممبران ہی انہیں دیکھ سکتے ہیں۔
Anthropic نے ڈیزائن اور کوڈ کے درمیان فرق کو ختم کرنے کے لیے Claude Design کو بھی اپ ڈیٹ کیا ہے۔ اب آپ /design-sync کمانڈ استعمال کر سکتے ہیں۔
/design-sync ورک فلو:
- اپنے ڈیزائن سسٹم کو GitHub سے Claude Design میں لائیں (Pull)۔
- ان ڈیزائنز کو اپنے کوڈ میں لانے کے لیے اپنے ٹرمینل میں
/design-syncاستعمال کریں۔ - بصری تبدیلیوں (visual edits) کے لیے کوڈ کو واپس Claude Design میں بھیجیں (Push)۔
یہ ایک مکمل لوپ (loop) تخلیق کرتا ہے۔ آپ AI سسٹم کو چھوڑے بغیر ڈیزائن سے کوڈ اور پھر دستاویز سازی (documentation) تک منتقل ہو سکتے ہیں۔
یہ ایک بڑے مسئلے کو حل کرتا ہے۔ عام طور پر، AI کوڈنگ کا کام ٹرمینل میں چھپا رہتا ہے۔ اس کے بعد ڈویلپرز کو Slack یا Jira میں دستی طور پر اپ ڈیٹس لکھنی پڑتی ہیں۔ Artifacts کام کو فوری طور پر نمایاں کر دیتے ہیں۔
کام ہی اب مواصلات (communication) بن جاتا ہے۔
Source: https://dev.to/max_quimby/artifacts-in-claude-code-the-operators-guide-4fb0
Optional learning community: https://t.me/GyaanSetuAi