Claude Codeలో Artifacts: ఆపరేటర్ గైడ్
Anthropic, Claude Codeకి artifactsలను జోడించింది. ఈ ఫీచర్ మీ కోడింగ్ పనిని మీ టీమ్తో పంచుకోగలిగే లైవ్ వెబ్ పేజీలుగా మారుస్తుంది.
Artifacts అనేవి స్టాటిక్ ఫైల్స్ కావు. ఇవి ఇంటరాక్టివ్ HTML పేజీలు. మీరు పని చేస్తున్న కొద్దీ ఇవి అప్డేట్ అవుతూ ఉంటాయి. వ్యూస్ను (views) నిర్మించడానికి ఇవి మీ అసలు కోడ్, ఫైల్స్ మరియు టెస్ట్ రిజల్ట్స్ను ఉపయోగిస్తాయి.
మీరు వీటిని వీటి కోసం ఉపయోగించవచ్చు:
- కోడ్ డిఫ్స్తో (code diffs) కూడిన PR వాక్త్రూలు
- సిస్టమ్ ఆర్కిటెక్చర్ డయాగ్రామ్స్
- ఇంటరాక్టివ్ డాష్బోర్డ్లు
- లైవ్ ఇన్సిడెంట్ స్టేటస్ పేజీలు
- సెక్యూరిటీ మరియు లైసెన్స్ ఆడిట్లు
వీటిని ఎలా ఉపయోగించాలి:
- సైన్ ఇన్: మీ 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ఉపయోగించండి. - విజువల్ ఎడిటింగ్ కోసం కోడ్ను తిరిగి 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