వైర్ఫ్రేమ్లు
స్వాగతం
Anthropic Claude Code, Google Gemini మరియు OpenAI Codex. ప్రో వెర్షన్ అనుకూల CLI అదనాలను కూడా సృష్టిస్తుంది, ఉదాహరణకు OpenCode.
ముఖ్య లక్షణాలు
మాన్యువల్ డిజైన్
దృశ్య కాన్వాస్ ఎడిటర్ని ఉపయోగించి వైర్ఫ్రేమ్లను చేతితో రూపొందించండి - మీ స్క్రీన్లను రూపొందించడానికి భాగాలను లాగండి మరియు వదలండి.
AI-శక్తితో కూడిన జనరేషన్
మీరు ఏమి కావాలో వివరించండి మరియు AI స్వయంచాలకంగా వైర్ఫ్రేమ్ డాక్యుమెంటేషన్ మరియు ఫ్రేమ్లను రూపొందించనివ్వండి.
బ్లాక్ సూచనలు
మీ వైర్ఫ్రేమ్ వివరణను వాయిస్తో చెప్పడానికి అంతర్నిర్మిత మైక్రోఫోన్ బటన్ను ఉపయోగించండి లేదా మధ్య-క్లిక్ చేయండి.
వైర్ఫ్రేమ్ నుండి కోడ్
మీ వైర్ఫ్రేమ్ సిద్ధంగా ఉన్న తర్వాత, దానిని నేరుగా కోడ్ జనరేషన్కు పంపండి - ఒకే అతుకులు లేని వర్క్ఫ్లోలో డిజైన్ నుండి పనిచేసే కోడ్కు వెళ్లండి.
వైర్ఫ్రేమ్ను సృష్టించడం
డిఫాల్ట్గా తెరుచుకునే ఏజెంట్ మీరు ప్రాజెక్ట్ సమాచార ప్రాంతంలో ఎంచుకున్న ప్రొవైడర్ మరియు మోడ్ ద్వారా నిర్ణయించబడుతుంది. మీరు + బటన్పై ఎడమవైపు క్లిక్ చేసిన ప్రతిసారీ, డిఫాల్ట్ కాన్ఫిగరేషన్ను ఉపయోగించి కొత్త ట్యాబ్ తెరవబడుతుంది.
ప్రాజెక్ట్ సెటప్ ఫీల్డ్లు
శీర్షిక
మీ వైర్ఫ్రేమ్ ప్రాజెక్ట్కు పేరు పెట్టండి, తద్వారా మీరు దానిని వైర్ఫ్రేమ్ జాబితాలో తర్వాత గుర్తించవచ్చు.
వేదిక
లక్ష్య వేదికను ఎంచుకోండి - మొబైల్, డెస్క్టాప్ లేదా వెబ్ - వైర్ఫ్రేమ్ లేఅవుట్ మరియు పరిమితులను రూపొందించడానికి.
వివరణ
మీరు ఏమి నిర్మించాలనుకుంటున్నారో వివరించండి. AI-శక్తితో కూడిన మోడ్ డాక్యుమెంటేషన్ మరియు ఫ్రేమ్లను రూపొందించడానికి దీనిని ఉపయోగిస్తుంది. మైక్రోఫోన్ బటన్ ద్వారా వాయిస్ ఇన్పుట్కు మద్దతు ఇస్తుంది.
మోడ్
మాన్యువల్ను ఎంచుకుని నేరుగా కాన్వాస్ ఎడిటర్లోకి వెళ్లండి లేదా AI-శక్తితో కూడిన మోడ్ను ఎంచుకుని AI డాక్యుమెంటేషన్ మరియు ఫ్రేమ్లను రూపొందించనివ్వండి.
మాన్యువల్ మోడ్
ఏజెంట్ టూల్బార్లోని + బటన్ కొత్త ఏజెంట్ ట్యాబ్లను సృష్టించడానికి మిమ్మల్ని అనుమతిస్తుంది. + బటన్పై ఎడమవైపు క్లిక్ చేయడం వలన ప్రాజెక్ట్ సమాచార ప్రాంతంలో ఎంచుకున్న డిఫాల్ట్ ఏజెంట్ను ఉపయోగించి తక్షణమే కొత్త ట్యాబ్ తెరవబడుతుంది. + బటన్పై కుడివైపు క్లిక్ చేయడం వలన మీరు ఎంచుకోగల నిర్దిష్ట ఏజెంట్ రకాల డ్రాప్డౌన్ తెరవబడుతుంది.
మాన్యువల్ను ఎప్పుడు ఉపయోగించాలి
మీ వైర్ఫ్రేమ్ ప్రాజెక్ట్ యొక్క డాక్యుమెంటేషన్ రూపొందించబడిన తర్వాత, మీరు దానిని వైర్ఫ్రేమ్ జాబితాలో ప్రాజెక్ట్ కార్డ్గా చూస్తారు. AI ఫ్రేమ్లను రూపొందించడం ప్రారంభించడానికి, మీరు ఫ్రేమ్ క్రియేటర్ తెరవడానికి ప్రాజెక్ట్ కార్డ్ దిగువ కుడి మూలలో ఉన్న AI చిహ్నంపై క్లిక్ చేయవచ్చు, ఇక్కడ మీరు ప్రతి స్క్రీన్ కోసం వ్యక్తిగత ఫ్రేమ్లను రూపొందించవచ్చు మరియు నిర్వహించవచ్చు.
మీరు ఫ్రేమ్ను రూపొందించడానికి ముందు మీరు వివిధ అంశాలను సవరించవచ్చు. మీరు స్క్రీన్ యొక్క వివరణ, లక్షణాలు మరియు సూచనలను సవరించడానికి సవరించు బటన్పై క్లిక్ చేయవచ్చు. మీరు వివరాలతో సంతృప్తి చెందిన తర్వాత, ఫ్రేమ్ను రూపొందించడానికి రూపొందించు ఫ్రేమ్పై క్లిక్ చేయండి లేదా అవసరమైతే సర్దుబాటు చేసి పునః రూపొందించండి.
ఫ్రేమ్ రూపొందించబడుతున్నప్పుడు, స్క్రీన్ యొక్క స్థితి బ్యాడ్జ్ ఎడమ సైడ్బార్లో "రూపొందిస్తోంది..." అని మారుతుంది మరియు దిగువన ఒక ప్రోగ్రెస్ సూచిక కనిపిస్తుంది (ఉదా., "ఫ్రేమ్ను రూపొందిస్తోంది... (10%)"). రూపొందించు ఫ్రేమ్ బటన్ అవసరమైతే మీరు రద్దు చేయగల రూపొందించు బటన్తో భర్తీ చేయబడుతుంది.
AI-శక్తితో కూడిన మోడ్
రూపొందించిన తర్వాత, మీరు "ఫ్రేమ్ విజయవంతంగా రూపొందించబడింది" అనే సందేశాన్ని చూస్తారు. స్క్రీన్ యొక్క స్థితి బ్యాడ్జ్ "పూర్తయింది" (ఆకుపచ్చ) మరియు మూలకాల సంఖ్యతో (ఉదా., "41 మూలకాలు") మారుతుంది. రూపొందించబడిన ఫ్రేమ్ ప్రివ్యూ కుడి వైపున కనిపిస్తుంది.
వాయిస్ ఇన్పుట్
వివరాలను నమోదు చేయండి
వ్యాఖ్యానించబడిన చిత్రాన్ని మీ లక్ష్య ఫ్రేమ్వర్క్లో పనిచేసే భాగం కోడ్గా మార్చండి లేదా వైర్ఫ్రేమ్ సాధనంలో మరింత సవరించడానికి ఎగుమతి చేయండి.
వివరాలను నమోదు చేయండి
మీ వైర్ఫ్రేమ్ ప్రాజెక్ట్కు పేరు పెట్టండి, లక్ష్య వేదికను (మొబైల్, డెస్క్టాప్ లేదా వెబ్) ఎంచుకోండి మరియు మీ వైర్ఫ్రేమ్ గురించి వివరణ వ్రాయండి మరియు మాన్యువల్ లేదా AI-శక్తితో కూడిన మోడ్ను ఎంచుకోండి.
AI నమూనాను ఎంచుకోండి
AI-శక్తితో కూడిన మోడ్లో, మెరుగుపరచండి AIతో బటన్పై క్లిక్ చేయడం వలన మీరు AIని ఉపయోగించి మీ వివరణను మెరుగుపరచడానికి మిమ్మల్ని అనుమతించే ఒక డైలాగ్ తెరవబడుతుంది. ఇది మీరు వివరణ ఫీల్డ్లో వ్రాసిన దాన్ని తీసుకుంటుంది మరియు మీ సూచనల ఆధారంగా దాన్ని మెరుగుపరుస్తుంది - మరింత వివరణాత్మకంగా, నిర్మాణాత్మకంగా లేదా పూర్తి చేస్తుంది.
సృష్టించండి
AI-శక్తితో కూడిన మోడ్లో రూపొందించు క్లిక్ చేసిన తర్వాత, మీ వైర్ఫ్రేమ్ ప్రాజెక్ట్ వైర్ఫ్రేమ్ జాబితాలో "డాక్యుమెంటేషన్ను రూపొందిస్తోంది..." అనే స్థితితో కనిపిస్తుంది. AI మీ శీర్షిక, వేదిక, వివరణ మరియు మీరు నిర్వచించిన ఏదైనా ఫ్రేమ్ల ఆధారంగా మీ ప్రాజెక్ట్ కోసం నిర్మాణాత్మక డాక్యుమెంటేషన్ను సృష్టిస్తుంది.
ఫ్రేమ్లను రూపొందించండి
ధరల పేజీ
AIతో మెరుగుపరచండి
బ్లాక్ కనెక్షన్లు మిమ్మల్ని బ్లాక్ లైబ్రరీ నుండి బ్లాక్లను వైర్ఫ్రేమ్ మూలకాలకు అటాచ్ చేయడానికి అనుమతిస్తాయి. మీరు ఒక మూలకంపై రెండుసార్లు క్లిక్ చేసినప్పుడు మరియు కుడివైపున ఉన్న లక్షణాల ప్యానెల్లో క్రిందికి స్క్రోల్ చేసినప్పుడు, మీరు బ్లాక్ కనెక్షన్ల విభాగాన్ని కనుగొంటారు. బ్లాక్ను జోడించు క్లిక్ చేయడం వలన మీరు (HTML, భాగం లేదా టెంప్లేట్) బ్లాక్ను లింక్ చేయవచ్చు. కనెక్ట్ చేయబడిన బ్లాక్లు AIతో రూపొందించబడిన కోడ్లో సూచించబడతాయి, ఇది వైర్ఫ్రేమ్ మూలకాలకు నిర్దిష్ట HTML లేదా భాగం కోడ్ను అటాచ్ చేయడం సులభం చేస్తుంది.
మెరుగుదల ఎంపికలు
AI మోడల్
మీ వివరణను మెరుగుపరచడానికి ఉపయోగించాల్సిన AI మోడల్ను ఎంచుకోండి (ఉదా., Claude Code, Opus 4.6).
మెరుగుదల సూచనలు
AI ఎలా వివరణను మెరుగుపరచాలో నిర్దిష్ట సూచనలను ఐచ్ఛికంగా అందించండి. వాయిస్ ఇన్పుట్కు మద్దతు ఇస్తుంది.
వివరణను మెరుగుపరచండి
మెరుగుదల అమలు చేయడానికి క్లిక్ చేయండి. AI మీ ఇన్పుట్ మరియు సూచనల ఆధారంగా మీ వివరణను తిరిగి వ్రాస్తుంది మరియు మెరుగుపరుస్తుంది.
డాక్యుమెంటేషన్ జనరేషన్
దిగువన ఉన్న ప్రాంప్ట్ బార్ AIని ఉపయోగించి స్క్రీన్లను సవరించడానికి లేదా సృష్టించడానికి మిమ్మల్ని అనుమతిస్తుంది. మీరు ఉపయోగించాలనుకుంటున్న AI మోడల్ను ఎడమవైపున ఉన్న డ్రాప్డౌన్ నుండి ఎంచుకోండి, మీరు చేయాలనుకుంటున్న మార్పులను వివరించండి మరియు AI మీ వైర్ఫ్రేమ్ను సవరిస్తుంది. మీరు వాయిస్ ఇన్పుట్ను కూడా ఉపయోగించవచ్చు లేదా అధునాతన సవరణ కోసం CLI సవరించు బటన్ను ఉపయోగించవచ్చు.
తర్వాత ఏమి జరుగుతుంది
డాక్యుమెంటేషన్ జనరేషన్
పైన మీ ప్రణాళికను ఎంచుకుని, ప్రారంభించడానికి ప్రో ప్రారంభించు క్లిక్ చేయండి. కొనుగోలు చేసిన తర్వాత, మీ ప్రో లైసెన్స్ స్వయంచాలకంగా సక్రియం చేయబడుతుంది మరియు అన్ని ప్రీమియం ఫీచర్లు వెంటనే అందుబాటులోకి వస్తాయి. మీరు ఎప్పుడైనా సెట్టింగ్ల పేజీ నుండి మీ చందాను నిర్వహించవచ్చు.
ఫ్రేమ్ ఉత్పత్తి
రిపోజిటరీని క్లోన్ చేయడానికి క్లోన్ రిపోజిటరీ క్లిక్ చేయండి. ప్రాజెక్ట్ పూర్తయిన తర్వాత మీ డాష్బోర్డ్లో కనిపిస్తుంది.
మెరుగుదల
Kaiju Hub AI అంతర్నిర్మిత మద్దతుతో వస్తుంది