AI ఫ్రేమ్ జనరేషన్
ఫ్రేమ్ క్రియేటర్ను తెరవడం
కుడి ప్యానెల్ మీ భాగం యొక్క ప్రత్యక్ష ప్రివ్యూను రెండర్ చేస్తుంది. మీరు HTML, CSS మరియు జావాస్క్రిప్ట్ను ఎడిటర్లో జోడించినప్పుడు, ప్రివ్యూ నవీకరించబడుతుంది, తద్వారా మీరు రూపొందించిన ఫలితాన్ని చూడవచ్చు. మీరు బ్లాక్కు జోడించడానికి ఫైల్లను లాగి వదలవచ్చు లేదా కంటెంట్ను (Ctrl+V) నేరుగా ప్రివ్యూ ప్రాంతంలో అతికించవచ్చు. ప్రివ్యూను టోగుల్ చేయడానికి కంటి చిహ్నాన్ని మరియు నేపథ్యాన్ని మార్చడానికి BG టోగుల్ను ఉపయోగించండి.
ఫ్రేమ్ క్రియేటర్
ఫ్రేమ్ క్రియేటర్ అనేది మీరు ప్రతి స్క్రీన్ కోసం వ్యక్తిగత వైర్ఫ్రేమ్ ఫ్రేమ్లను రూపొందించే మరియు నిర్వహించే ప్రదేశం. ఎడమ సైడ్బార్ మీ ప్రాజెక్ట్లోని అన్ని స్క్రీన్లను (ఉదా., డాష్బోర్డ్, టాస్క్ లిస్ట్, టాస్క్ వివరాలు) జాబితా చేస్తుంది, ప్రతి స్క్రీన్ పెండింగ్లో ఉందో, ఉత్పత్తిలో ఉందో లేదా పూర్తయిందో చూపే స్టేటస్ బ్యాడ్జ్లతో.
లేఅవుట్
AI ప్రొవైడర్
ఫ్రేమ్ జనరేషన్ కోసం ఉపయోగించాల్సిన AI మోడల్ను పై ఎడమవైపున ఉన్న డ్రాప్డౌన్ నుండి ఎంచుకోండి (ఉదా., Claude Code, Opus 4.6).
స్క్రీన్ జాబితా
ఎడమ సైడ్బార్ ప్రాజెక్ట్లోని అన్ని స్క్రీన్లను చూపుతుంది. వివరాలను చూడటానికి మరియు దాని ఫ్రేమ్ను రూపొందించడానికి ఒక స్క్రీన్పై క్లిక్ చేయండి.
స్క్రీన్ ఉద్దేశ్యం & సూచనలు
మధ్య ప్యానెల్ ఎంచుకున్న స్క్రీన్ యొక్క ఉద్దేశ్యం మరియు ముఖ్య లక్షణాలను చూపుతుంది. ఉత్పత్తి చేయడానికి ముందు వాటిని సవరించడానికి సవరించు క్లిక్ చేయండి.
ఫ్రేమ్ ప్రివ్యూ
కుడి వైపున రూపొందించిన ఫ్రేమ్ యొక్క ప్రివ్యూ లేదా ఫ్రేమ్ ఇంకా రూపొందించబడకపోతే ఖాళీ ఫ్రేమ్ ప్లేస్హోల్డర్ కనిపిస్తుంది.
ఫ్రేమ్ను రూపొందించండి
ఎంచుకున్న స్క్రీన్ కోసం ఫ్రేమ్ను రూపొందించడానికి క్లిక్ చేయండి. పెండింగ్లో ఉన్న అన్ని ఫ్రేమ్లను ఒకేసారి రూపొందించడానికి అన్నీ జనరేషన్ ప్రారంభించండి.
జనరేషన్కు ముందు సవరించడం
దిగువన ఉన్న బార్ AI ప్రాంప్ట్ బాక్స్. మీ భాగం యొక్క కంటెంట్ను రూపొందించడానికి లేదా సవరించడానికి AIని ఉపయోగించడానికి, వివరణను టైప్ చేయండి. ఇది మోడల్ సెలెక్టర్, టెక్స్ట్ ఇన్పుట్ ఫీల్డ్, వాయిస్ మరియు ఎమోజి ఇన్పుట్లు మరియు రూపొందించు బటన్ను కలిగి ఉంటుంది. రెండు మోడ్ టోగుల్లు - A మరియు V - ప్రత్యక్ష AI మోడ్ మరియు వైవిధ్య మోడ్ మధ్య మారుతాయి.
ఫ్రేమ్లను రూపొందించడం
A టోగుల్ సక్రియంగా ఉన్నప్పుడు, AI మీ భాగంలో ఉన్న ప్రస్తుత ఫైల్ను సవరిస్తుంది. ప్రాంప్ట్ ప్లేస్హోల్డర్ "మీ భాగంలో చేయడానికి మార్పులను వివరించండి" అని చెబుతుంది మరియు ఏ ఫైల్ సవరించబడుతుందో సూచించే బ్యాడ్జ్ ఉంటుంది (ఉదా., "సవరిస్తుంది: టెక్స్ట్"). ఈ మోడ్ మీరు ప్రస్తుతం ఎంచుకున్న ఫైల్లో త్వరిత మరియు లక్ష్య మార్పుల కోసం ఉత్తమంగా పనిచేస్తుంది.
ఉత్పత్తి సమయంలో
స్టేటస్ బ్యాడ్జ్లు
ప్రతి స్క్రీన్ దాని ప్రస్తుత స్థితిని చూపుతుంది - పెండింగ్లో ఉంది (ప్రారంభించబడలేదు), ఉత్పత్తిలో ఉంది (ప్రగతిలో ఉంది) లేదా పూర్తయింది (పూర్తయింది).
ప్రగతి సూచిక
దిగువ కుడివైపున ఉన్న శాతానికి సంబంధించిన ప్రోగ్రెస్ బార్ ప్రస్తుత ఫ్రేమ్ జనరేషన్ ఎంతవరకు జరిగిందో చూపిస్తుంది.
జనరేషన్ను ఆపు
ఏ సమయంలోనైనా జనరేషన్ ఆపు బటన్పై క్లిక్ చేయడం ద్వారా ప్రస్తుత ఫ్రేమ్ జనరేషన్ను రద్దు చేయండి.
ఆటోమేటిక్ లింకింగ్
ఫ్రేమ్లు ఒకదానితో ఒకటి స్వయంచాలకంగా లింక్ చేయబడతాయి - స్క్రీన్ల మధ్య నావిగేషన్ ప్రవాహాలు జనరేషన్ సమయంలో కనెక్ట్ చేయబడతాయి.
పూర్తయిన ఫ్రేమ్లు
V టోగుల్ సక్రియంగా ఉన్నప్పుడు, AI మీ భాగంలో ఉన్న ప్రస్తుత ఫైల్ను సవరిస్తుంది. ప్రాంప్ట్ ప్లేస్హోల్డర్ "మీరు రూపొందించాలనుకుంటున్న వైవిధ్యాలను వివరించండి" అని చెబుతుంది మరియు మీరు సృష్టించాలనుకుంటున్న వైవిధ్యాల సంఖ్యను ఎంచుకోవడానికి మిమ్మల్ని అనుమతించే కౌంటర్ కనిపిస్తుంది. రూపొందించబడిన వైవిధ్యాలు మీరు సమీక్షించి, మీ ప్రాధాన్యతలను సమూహానికి తిరిగి జోడించగల ప్రత్యేక ప్యానెల్లో కనిపిస్తాయి.
పూర్తయిన తర్వాత
ఫ్రేమ్ ప్రివ్యూ
కుడి ప్యానెల్ రూపొందించిన ఫ్రేమ్ యొక్క దృశ్య ప్రివ్యూను అన్ని భాగాలతో అమర్చబడి చూపిస్తుంది.
మూలకాల సంఖ్య
పూర్తయిన బ్యాడ్జ్ స్క్రీన్ కోసం రూపొందించబడిన మొత్తం మూలకాల సంఖ్యను చూపుతుంది.
ఫ్రేమ్ను పునఃప్రారంభించండి
మీరు ఫలితంతో సంతృప్తి చెందకపోతే, మొదటి నుండి పునః రూపొందించడానికి ఫ్రేమ్ను పునఃప్రారంభించు క్లిక్ చేయండి.
అన్ని జనరేషన్ను ప్రారంభించండి
మిగిలిన పెండింగ్లో ఉన్న ఫ్రేమ్లను రూపొందించడం కొనసాగించండి లేదా అన్ని స్క్రీన్లను ఒకేసారి రూపొందించడానికి దీన్ని ఉపయోగించండి.