Claude Code లో టెర్మినల్ UI మోకప్‌ల కోసం Anthropic /design కమాండ్‌ను జోడించింది

డెవలపర్లు టెర్మినల్‌ను వదిలి వెళ్లకుండానే UI మోకప్‌లను సృష్టించడానికి, వాటిని మెరుగుపరచడానికి మరియు చూడటానికి వీలుగా Anthropic, Claude Code లో కొత్త /design కమాండ్‌ను ప్రవేశపెట్టింది.

టెర్మినల్‌లోనే నేరుగా UI ప్రోటోటైపింగ్

Figma మరియు షెల్ (shell) మధ్య మారుతూ ఉండాల్సిన అవసరం లేకుండా, మీరు ఇప్పుడు /design a few options for a login screen వంటి కమాండ్‌ను టైప్ చేయవచ్చు. Claude దీనికి ప్రతిస్పందనగా హై-ఫిడెలిటీ (high-fidelity) మోకప్‌లను ప్రదర్శించే కొన్ని ఇంటరాక్టివ్ "artboards"లను అందిస్తుంది. మీరు లేఅవుట్‌లను పోల్చి చూడవచ్చు, మీకు నచ్చిన దానిని ఎంచుకోవచ్చు మరియు తదుపరి ప్రశ్నలు అడగడం ద్వారా రూపాన్ని మెరుగుపరచవచ్చు—ఇదంతా మీరు ఒక్క లైన్ ప్రొడక్షన్ కోడ్ రాయకముందే సాధ్యమవుతుంది.

మీ కోడ్‌బేస్ నుండి కాంటెక్స్ట్-అవేర్ (Context-Aware) మోకప్‌లు

డెవలపర్ Nate Parrott తెలిపిన వివరాల ప్రకారం, Claude ప్రస్తుతం ఉన్న రిపోజిటరీని (repository) చదువుతుంది. ఇది కలర్ ప్యాలెట్లు (colour palettes), కాంపోనెంట్ లైబ్రరీలు మరియు లేఅవుట్ నిబంధనలను సేకరించి, ప్రతి డిజైన్‌ను ప్రాజెక్ట్ యొక్క ప్రస్తుత శైలికి అనుగుణంగా మారుస్తుంది. ఈ ఫలితాలు Claude లోపల ఉన్న "Artifacts" అనే ప్రత్యేక వ్యూ (view) రూపంలో కనిపిస్తాయి, ఇది విడిగా గ్రాఫిక్స్ ఎడిటర్‌ను తెరవకుండానే చిత్రాలను చూపిస్తుంది. ఈ దశలో మోకప్‌లు కేవలం Claude వర్క్‌స్పేస్‌లో మాత్రమే ఉంటాయి; వాటిని కోడ్‌గా మార్చడానికి ముందు మీరు తప్పనిసరిగా ఫైల్ సిస్టమ్‌లోకి సేవ్ చేయాలి.

AI-సహాయక అభివృద్ధికి (AI-Assisted Development) ఇది ఎందుకు ముఖ్యం

ఈ కమాండ్ సాఫ్ట్‌వేర్ డెవలప్‌మెంట్ లైఫ్ సైకిల్‌లోని రెండు దశలను—డిజైన్ మరియు కోడింగ్—ఒకటిగా కలుపుతుంది. వేగానికి ప్రాధాన్యత ఇచ్చే బృందాలు ఒకే ప్రాంప్ట్‌తో బహుళ లేఅవుట్ ఆప్షన్‌లను రూపొందించుకోవచ్చు, దీనివల్ల ప్రారంభ దశలో పరిశోధన వేగవంతం అవుతుంది. Claude లైవ్ కోడ్‌బేస్‌ను ఉపయోగిస్తుంది కాబట్టి, మోకప్‌లు బ్రాండ్ శైలికి అనుగుణంగా మరియు కాంపోనెంట్ సిస్టమ్‌తో సరిపోలుతూ ఉంటాయి, దీనివల్ల సాధారణ ఇమేజ్ జనరేషన్ తర్వాత చేయాల్సిన మాన్యువల్ క్లీనప్ (manual cleanup) తగ్గుతుంది.

లాజిక్ మరియు సౌందర్యం (aesthetics) రెండింటినీ నిర్వహించగల "AI సాఫ్ట్‌వేర్ ఇంజనీర్" వైపు వేసిన అడుగుగా Anthropic దీనిని అభివర్ణిస్తోంది. టెర్మినల్ ఒక మల్టీ-మోడల్ వర్క్‌స్పేస్‌గా పనిచేయగలిగితే, కోడ్ రాయడం మరియు యూజర్ ఎక్స్‌పీరియన్స్ (user experience) రూపొందించడం మధ్య ఉన్న వ్యత్యాసం గణనీయంగా తగ్గుతుంది.

ప్రస్తుత పరిమితులు

ఈ ఫీచర్ ఇంకా ప్రివ్యూ (preview) దశలోనే ఉంది. రూపొందించిన మోకప్‌లు ఆటోమేటిక్‌గా సోర్స్ ఫైల్‌లుగా మారవు; మీరు వాటిని స్వయంగా ఎగుమతి (export) చేసి ఇంటిగ్రేట్ చేయాలి. ఈ అదనపు దశ వల్ల సమయం ఆదా తగ్గే అవకాశం ఉంది, ముఖ్యంగా డజన్ల కొద్దీ కాంపోనెంట్స్ ఉన్న పెద్ద ప్రాజెక్ట్‌లలో ఇది కనిపిస్తుంది.

దీన్ని ఎలా ప్రయత్నించాలి

తాజా ప్రివ్యూ బిల్డ్‌ను పొందడానికి మరియు /design కమాండ్‌ను ఎనేబుల్ చేయడానికి claude update రన్ చేయండి.

ముఖ్య అంశాలు

  • ఇంటిగ్రేటెడ్ ప్రోటోటైపింగ్: /design టెర్మినల్ ప్రాంప్ట్‌ల నుండి నేరుగా బహుళ UI artboardsలను రూపొందిస్తుంది.
  • కాంటెక్స్ట్‌ual స్థిరత్వం: మోకప్‌లు ప్రస్తుత డిజైన్ సిస్టమ్‌తో అనుసంధానమై ఉండేలా Claude ప్రస్తుత కోడ్‌బేస్‌ను స్కాన్ చేస్తుంది.
  • సులభతరం చేయబడిన వర్క్‌ఫ్లో: Claude Design యొక్క ప్రాంప్టింగ్ శక్తిని Claude Code యొక్క ఎగ్జిక్యూషన్‌తో కలపడం ద్వారా, డెవలపర్లు టూల్స్ మార్చాల్సిన అవసరం లేకుండా కాన్సెప్ట్ నుండి విజువల్ ప్రోటోటైప్ వరకు వెళ్లవచ్చు.

Anthropic యొక్క కొత్త /design కమాండ్ డెవలపర్‌లకు టెర్మినల్ నుండి నేరుగా UI మోకప్‌లను సృష్టించడానికి మరియు మెరుగుపరచడానికి అనుమతిస్తుంది. ఇది డిజైన్ టూల్స్ మరియు కోడ్ ఎడిటర్ల మధ్య జరిగే అటు ఇటు తిరగడాన్ని తగ్గిస్తుంది—ఇది వేగంగా పనిచేసే అనేక బృందాలు ఎదుర్కొంటున్న ఒక ప్రధాన సమస్య.

CLI ప్రాంప్ట్ నుండి విజువల్ డ్రాఫ్ట్‌లను రూపొందించడం

మీరు /design a few options for a login screen వంటి కమాండ్‌ను టైప్ చేస్తే, Claude కొన్ని ఇంటరాక్టివ్ artboardsలను అందిస్తుంది. ప్రతి artboard ఒక హై-ఫిడెలిటీ మోకప్‌ను చూపుతుంది, దీనిని మీరు తదుపరి ప్రశ్నలు అడగడం ద్వారా పరిశీలించవచ్చు, పోల్చవచ్చు మరియు మెరుగుపరచవచ్చు.

Claude ప్రస్తుత ప్రాజెక్ట్‌లోని ఫైల్‌లను చదువుతుంది, కలర్ ప్యాలెట్లు, కాంపోనెంట్ లైబ్రరీలు మరియు లేఅవుట్ నిబంధనలను సేకరించి, వాటికి అనుగుణంగా డిజైన్‌లను రూపొందిస్తుంది. ఈ అవుట్‌పుట్ "Artifacts" రూపంలో కనిపిస్తుంది, ఇది విడిగా గ్రాఫిక్ ఎడిటర్‌ను తెరవకుండానే చిత్రాలను ప్రదర్శించే వ్యూ. ఈ దశలో మోకప్‌లు కేవలం Claude వర్క్‌స్పేస్‌లో మాత్రమే ఉంటాయి; వాటిని కోడ్‌గా మార్చడానికి ముందు మీరు తప్పనిసరిగా ఫైల్ సిస్టమ్‌లోకి సేవ్ చేయాలి.

టెర్మినల్‌లో డిజైన్ టూల్ గురించి డెవలపర్లు ఎందుకు ఆసక్తి చూపుతారు

చాలా మంది డెవలపర్లు తమ రోజులో ఎక్కువ సమయాన్ని కోడ్ టెర్మినల్ మరియు UI డిజైన్ యాప్ మధ్య మారుతూ గడుపుతారు. కోడ్ రాసే విండోలోనే విజువల్ ప్రోటోటైపింగ్‌ను తీసుకురావడం వల్ల సాఫ్ట్‌వేర్ డెవలప్‌మెంట్ లైఫ్ సైకిల్‌లోని రెండు దశలు ఒకటిగా మారుతాయి.

వేగానికి ప్రాధాన్యత ఇచ్చే బృందాల కోసం, ఒకే ప్రాంప్ట్‌తో అనేక లేఅవుట్ ఆప్షన్‌లను రూపొందించడం వల్ల ప్రారంభ దశలో పరిశోధన వేగవంతం అవుతుంది. Claude ప్రస్తుత కోడ్‌బేస్‌ను చదవడం వల్ల మోకప్‌లు బ్రాండ్ శైలికి అనుగుణంగా మరియు ప్రాజెక్ట్ యొక్క కాంపోనెంట్ సిస్టమ్‌తో సరిపోలుతూ ఉంటాయి, దీనివల్ల సాధారణ ఇమేజ్ జనరేషన్ తర్వాత చేయాల్సిన మాన్యువల్ క్లీనప్ తగ్గుతుంది.

లాజిక్ మరియు సౌందర్యం రెండింటినీ నిర్వహించగల "AI సాఫ్ట్‌వేర్ ఇంజనీర్" వైపు వేసిన అడుగుగా Anthropic ఈ కొత్త ఫీచర్‌ను అభివర్ణిస్తోంది. టెర్మినల్ ఇప్పుడు ఒక మల్టీ-మోడల్ వర్క్‌స్పేస్‌గా పనిచేయగలిగితే, కోడ్ రాయడం మరియు యూజర్ ఎక్స్‌పీరియన్స్ రూపొందించడం మధ్య ఉన్న వ్యత్యాసం తగ్గుతుంది.

పరిమితులు మరియు సాంప్రదాయ డిజైన్ సాధనాల అవశ్యకత

ఈ ఫీచర్ ఇంకా ప్రివ్యూ దశలోనే ఉంది మరియు కొన్ని ఆచరణాత్మక పరిమితులు ఇంకా ఉన్నాయి. మొదటిది, రూపొందించబడిన మక్‌అప్‌లు ఆటోమేటిక్‌గా సోర్స్ ఫైల్‌లుగా మారవు; డెవలపర్లు వాటిని మాన్యువల్‌గా ఎగుమతి చేసి ఇంటిగ్రేట్ చేయాల్సి ఉంటుంది. డజన్ల కొద్దీ కాంపోనెంట్లను సింక్ చేయాల్సిన పెద్ద ప్రాజెక్టుల విషయంలో, ఆ అదనపు దశ వల్ల సమయం ఆదా అయ్యే ప్రయోజనం తగ్గుతుంది.

ఫీచర్ పరిణతి చెందుతున్న కొద్దీ గమనించవలసిన అంశాలు

Anthropic యొక్క అప్‌డేట్ ప్రకారం, ఈ కమాండ్‌ను claude update ద్వారా సులభంగా ఎనేబుల్ చేయవచ్చు.

ముఖ్య అంశం: Claude Code యొక్క టెర్మినల్‌లో డిజైన్ ప్రాంప్ట్‌ను ఎంబెడ్ చేయడం వల్ల డెవలపర్‌లకు కాన్సెప్ట్ నుండి విజువల్ ప్రోటోటైప్ వరకు ఒక షార్ట్‌కట్ లభిస్తుంది, కానీ ఈ వర్క్‌ఫ్లో ఇంకా మాన్యువల్ హ్యాండ్-ఆఫ్ పైనే ఆధారపడి ఉంది మరియు ప్రత్యేక UI సాధనాల స్థాయి లోతును కలిగి లేదు. ఈ కమాండ్ కేవలం ఒక చిన్న సౌకర్యంగా మిగిలిపోతుందా లేదా AI-ఆధారిత డెవలప్‌మెంట్ స్టాక్‌లో ఒక ప్రధాన భాగంగా మారుతుందా అనేది దాని పరిణామంపై ఆధారపడి ఉంటుంది.