புதிய கையேடு: உங்கள் AI ஏஜென்ட்டின் குறியீட்டை உங்கள் குழுவுடன் எவ்வாறு பகிர்வது1 min read
Reading Time: 5 minutesAI குறியீட்டு முகவர்கள் குறியீட்டை உருவாக்குவதில் நம்பமுடியாத அளவிற்கு சிறப்பாக செயல்படுகின்றனர். கிளாட் கலைப்பொருட்களை உருவாக்க முடியும். கோடெக்ஸ் கோப்புகளை எழுத முடியும். கர்சர் கூறுகளை உருவாக்க முடியும். ChatGPT கேன்வாஸில் HTML, React மற்றும் முழு பயன்பாட்டு யோசனைகளையும் உருவாக்க முடியும்.
ஆனால் இன்னும் ஒரு வெறுப்பூட்டும் இடைவெளி உள்ளது:
முகவரால் குறியீட்டை எழுத முடியும், ஆனால் உங்கள் குழு திறக்க, சோதிக்க, திருத்த மற்றும் பகிரக்கூடிய நேரடி இணைப்பை உங்களுக்கு வழங்க முடியாது.
வேலை உள்ளது. அது தவறான இடத்தில் சிக்கிக் கொள்கிறது.
கிளாட் அரட்டையில் ஒரு கிளாட் கலைப்பொருள் வாழ்கிறது. கோடெக்ஸ் உங்கள் வட்டுக்கு குறியீட்டை எழுதுகிறது. கர்சர் உள்ளூர் கோப்பை புதுப்பிக்கிறது. ChatGPT உங்களுக்கு ChatGPT க்குள் குறியீட்டை வழங்குகிறது. ஒவ்வொரு சந்தர்ப்பத்திலும், உங்களிடம் பயனுள்ள ஒன்று உள்ளது – ஆனால் உங்கள் குழு உண்மையில் பயன்படுத்தக்கூடிய ஒன்று இல்லை.
இது முகவர்களுக்கும் மனிதர்களுக்கும் இடையில் காணாமல் போன கைமாறாகும்.
ராக்கெட்-ஏஜெண்ட்-ஹேண்ட்ஆஃப்-ஸ்கிரீன்ஷாட்:தொடக்கம்

ராக்கெட்-ஏஜெண்ட்-ஹேண்ட்ஆஃப்-ஸ்கிரீன்ஷாட்: முடிவு
உடன் Anima Playground, நீங்கள் HTML, React அல்லது மார்க் டவுனை எந்த AI ஏஜெண்டிலிருந்தும் ஒட்டலாம் மற்றும் உடனடியாக அதை நேரடிப் பயன்பாடாக மாற்றலாம். இது உலாவியில் இயங்குகிறது, திருத்தக்கூடியதாக இருக்கும், மேலும் யாராலும் திறக்கக்கூடிய பகிரக்கூடிய இணைப்பை உங்களுக்கு வழங்குகிறது.
மற்றும் உடன் Anima MCP, ஏஜெண்ட் முடிவை நேரடியாக விளையாட்டு மைதானத்திற்குத் தள்ளலாம் மற்றும் நேரடி இணைப்பை வழங்கலாம்.
Anima MCP உடன் உங்கள் முகவரை இணைக்கவும்:
https://public-api.animaapp.com/v1/mcp
உங்கள் முகவர் அதை உருவாக்குகிறார். Anima இதை இயக்குகிறது. உங்கள் குழு அதைத் திறக்கலாம்.
சிக்கல்: AI முகவர்கள் குறியீட்டை இயக்க இடம் இல்லாமல் உருவாக்குகிறார்கள்
பெரும்பாலான AI குறியீட்டு கருவிகள் பணிப்பாய்வுகளின் முதல் பகுதியை தீர்க்கின்றன: குறியீட்டை உருவாக்குகிறது.
அவர்கள் ஒரு கூறு, இறங்கும் பக்கம், ஒரு டாஷ்போர்டு, ஒரு முன்மாதிரி அல்லது ஒரு சிறிய உள் கருவியை உருவாக்கலாம். ஆனால் குறியீடு உருவாக்கப்பட்டவுடன், அடுத்த படி பொதுவாக உங்களிடம் இருக்கும்.
அதை எங்கு வைப்பது, எப்படி இயக்குவது, எப்படி ஹோஸ்ட் செய்வது, எப்படிப் பகிர்வது என்பதை நீங்கள் கண்டுபிடிக்க வேண்டும்.
அதனால்தான் ஏறக்குறைய ஒவ்வொரு ஏஜென்ட் பணிப்பாய்வுகளிலும் இதே சிக்கல் தோன்றும்:
-
கிளாட் உங்களுக்கு ஒரு கலைப் பொருளைத் தருகிறார், ஆனால் அது கிளாட்க்குள் வாழ்கிறது.
-
கோடெக்ஸ் கோப்புகளை எழுதுகிறது, ஆனால் அவை உங்கள் கணினியில் அமர்ந்திருக்கும்.
-
கர்சர் குறியீட்டை உருவாக்குகிறது, ஆனால் உங்களுக்கு இன்னும் உள்ளூர் ஆப்ஸ் அல்லது வரிசைப்படுத்தல் இலக்கு தேவை.
-
ChatGPT உங்களுக்கு குறியீட்டை வழங்குகிறது, ஆனால் உங்கள் குழு அதை வேலை செய்யும் தயாரிப்பாக திறக்க முடியாது.
முகவர் உங்களுக்குத் தருகிறார் ஆதாரம்.
அது உங்களுக்கு கொடுக்காது சூழல்.
சூழல் இல்லாமல், உங்களிடம் நேரடி பயன்பாடு இல்லை. உங்களிடம் குறியீடு தொகுதி உள்ளது.
AI-உருவாக்கிய குறியீட்டைப் பகிர்வதற்கான வழக்கமான வழிகள் உடைந்துவிட்டன
ஒரு முகவர் என்ன உருவாக்கினார் என்பதை நீங்கள் ஒருவருக்குக் காட்ட விரும்பினால், நீங்கள் வழக்கமாக இந்த விருப்பங்களில் ஒன்றைப் பெறுவீர்கள்.
1. ஸ்கிரீன்ஷாட்டை அனுப்பவும்
இது வேகமானது, ஆனால் அது தயாரிப்பைக் கொல்லும்.
பொத்தான்கள் கிளிக் செய்யாது. விளக்கப்படங்கள் பதிலளிக்கவில்லை. படிவங்கள் வேலை செய்யாது. தொடர்புகள் மறைந்துவிடும்.
நீங்கள் பயன்பாட்டைப் பகிரவில்லை.
பயன்பாட்டின் படத்தைப் பகிர்ந்துள்ளீர்கள்.
2. குறியீட்டை ஸ்லாக்கில் ஒட்டவும்
இது சிறிய துணுக்குகளுக்கு வேலை செய்கிறது, ஆனால் விரைவாக உடைந்து விடும்.
ஸ்லாக் செய்தியிலிருந்து 200-வரி React கூறுகளை யாரும் இயக்க விரும்பவில்லை. குறியீடு விலகிச் செல்கிறது, சூழலை இழக்கிறது மற்றும் சரியாக மதிப்பாய்வு செய்வது கிட்டத்தட்ட சாத்தியமற்றது.
3. அதை கைமுறையாக வரிசைப்படுத்தவும்
இது “உண்மையான” தீர்வு, ஆனால் பெரும்பாலான முகவர் வெளியீடுகளுக்கு இது மிகவும் கனமானது.
ஒவ்வொரு முறையும் ஏதாவது மாறும்போது உங்களுக்கு ரெப்போ, பில்ட் செட்டப், ஹோஸ்டிங் சேவை, சுற்றுச்சூழல் உள்ளமைவு மற்றும் இன்னொன்று தேவை.
உற்பத்தி மென்பொருளுக்கு, அது அர்த்தமுள்ளதாக இருக்கிறது.
ஒரு ஏஜென்ட் செய்ததை விரைவாகப் பகிர்வதற்கு, அது விகிதாச்சாரத்திற்கு அப்பாற்பட்டது.
4. நிலையான HTML பகிர்தல் கருவியைப் பயன்படுத்தவும்
சில கருவிகள் ஒரு HTML கோப்பை ஹோஸ்ட் செய்யலாம். இது எளிய நிலையான பக்கங்களுக்கு உதவுகிறது.
ஆனால் முகவர்கள் நிலையான HTML ஐ விட அதிகமாக உருவாக்குகிறார்கள். அவை React கூறுகள், ஊடாடும் பக்கங்கள், நிலைசார் முன்மாதிரிகள், டாஷ்போர்டுகள் மற்றும் பயன்பாடு போன்ற அனுபவங்களை உருவாக்குகின்றன.
உறைந்த HTML பக்கம் போதாது.
குறியீடு திருத்தக்கூடியதாக இருக்க வேண்டும், காலப்போக்கில் உருவாக வேண்டும் அல்லது React ஐ இயக்க வேண்டும் என்றால், உங்களுக்கு நிலையான ஹோஸ்ட் தேவை.
உங்களுக்கு நேரடி பணியிடம் தேவை.
விடுபட்ட லேயர்: ஏஜென்ட் குறியீடு இயங்கக்கூடிய இடம்
உண்மையான பிரச்சனை முகவர்களால் குறியீடு எழுத முடியாது என்பது அல்ல.
பிரச்சனை என்னவென்றால் AI-உருவாக்கிய குறியீடு பயன்படுத்தக்கூடிய பயன்பாடாக மாறுவதற்கு ஒரு இடம் தேவை.
அந்த இடத்தில் சில விஷயங்களைச் சிறப்பாகச் செய்ய வேண்டும்:
-
HTML, React மற்றும் Markdown ஐ நேரடியாக உலாவியில் இயக்கவும்.
-
யார் வேண்டுமானாலும் திறக்கக்கூடிய இணைப்பைக் கொடுங்கள்.
-
பகிரப்பட்ட பிறகு குறியீட்டைத் திருத்தும்படி வைத்திருங்கள்.
-
எந்தவொரு முகவரிடமிருந்தும் வெளியீட்டுடன் வேலை செய்யுங்கள்.
-
அமைவு, களஞ்சியங்கள், படிகளை உருவாக்குதல் மற்றும் உள்ளமைவை வரிசைப்படுத்துதல் ஆகியவற்றைத் தவிர்க்கவும்.
அதற்காகவே Anima Playground உருவாக்கப்பட்டது.
நீங்கள் Claude, Codex, Cursor, ChatGPT அல்லது வேறு ஏதேனும் முகவரிடமிருந்து குறியீட்டை ஒட்டுகிறீர்கள், விளையாட்டு மைதானம் அதை நேரடி, ஊடாடும் பயன்பாடாக மாற்றுகிறது.
உள்ளூர் அமைப்பு இல்லை.
ஹோஸ்டிங் உள்ளமைவு இல்லை.
கைமுறை வரிசைப்படுத்தல் இல்லை.
பார்வையாளர்களுக்கு கணக்கு தேவையில்லை.
குறியீட்டை ஒட்டவும் மற்றும் இயங்கும் முடிவைப் பகிரவும்.
[AI-உருவாக்கிய குறியீட்டை Anima Playground இல் இயக்கவும்]
எந்த AI முகவரிடமிருந்தும் குறியீட்டை இயக்கவும்
Anima Playground என்பது முகவர்-அஞ்ஞானம். குறியீடு எங்கிருந்து வந்தது என்பது முக்கியமல்ல.
உங்கள் முகவர் உருவாக்க முடிந்தால் HTML, React, அல்லது மார்க் டவுன், நீங்கள் அதை விளையாட்டு மைதானத்தில் இயக்கலாம்.
ஒரு AI கருவியில் பெரும்பாலான குழுக்கள் வேலை செய்யாததால் இது முக்கியமானது. ஒரு நபர் கிளாட் பயன்படுத்துகிறார். மற்றொருவர் கர்சரைப் பயன்படுத்துகிறார். வேறொருவர் ChatGPT ஐப் பயன்படுத்துகிறார். ஒரு டெவலப்பர் கோடெக்ஸைப் பயன்படுத்தலாம். ஒரு PM அரட்டையிலிருந்து ஒரு கலைப்பொருளைப் பயன்படுத்தலாம்.
குழுவிற்கு ஒரு பகிரப்பட்ட இடம் தேவை, அந்த வெளியீடு அனைத்தும் உண்மையானதாக மாறும்.
கிளாட் வழங்கியது: ஒரு கலைப்பொருளை பகிரக்கூடிய பயன்பாடாக மாற்றவும்
ஒரு உரையாடலில் ஊடாடும் வெளியீடுகளை உருவாக்க கிளாட் கலைப்பொருட்கள் சிறந்தவை. ஆனால் ஒரு குழுவுடன் அவற்றைப் பகிர்வது மோசமானதாக இருக்கும், குறிப்பாக நீங்கள் கருத்து தெரிவிக்க விரும்பும் நபர்கள் கிளாட் பயனர்கள் அல்ல.
Anima உடன், கிளாட் கலைப்பொருளை நேரடி பயன்பாடாக மாற்ற இரண்டு வழிகள் உள்ளன.
விருப்பம் 1: கலைப்பொருள் மூலத்தை விளையாட்டு மைதானத்தில் நகலெடுக்கவும்
கிளாட் கலைப்பொருளைத் திறந்து, மூலத்தை நகலெடுத்து, அதை Anima Playground இல் ஒட்டவும்.
விளையாட்டு மைதானம் அதை ஒரு உண்மையான பயன்பாடாக இயக்குகிறது மற்றும் உங்கள் குழுவுடன் நீங்கள் பகிரக்கூடிய ஒரு சாதாரண இணைப்பை வழங்குகிறது.
உலாவியில் யார் வேண்டுமானாலும் இணைப்பைத் திறக்கலாம். அதைப் பார்ப்பதற்கு அவர்களுக்கு கிளாட் கணக்கு அல்லது கிளாட் இருக்கை தேவையில்லை.
விருப்பம் 2: Claude க்குள் Anima MCP ஐப் பயன்படுத்தவும்
நீங்கள் Claude க்குள் வேலை செய்கிறீர்கள் என்றால், Anima MCP ஆனது கைமாறலை இன்னும் வேகமாக்குகிறது.
குறியீட்டை கைமுறையாக நகலெடுப்பதற்குப் பதிலாக, Anima மூலம் கலைப்பொருளைப் பகிருமாறு கிளாடிடம் கேட்கலாம். கிளாட் அதை விளையாட்டு மைதானத்திற்கு அனுப்புகிறார் மற்றும் நேரடியாக உரையாடலில் நேரடி இணைப்பை வழங்குகிறார்.
கோடெக்ஸில் இருந்து: வட்டில் உள்ள வெளியீட்டை நேரடி பயன்பாடாக மாற்றவும்
கோடெக்ஸ் உங்கள் உள்ளூர் சூழலில் கோப்புகளை எழுத முடியும், ஆனால் உள்ளூர் கோப்பு என்பது பகிரக்கூடிய பயன்பாட்டிற்கு சமமானதல்ல.
கோடெக்ஸ் ஒரு HTML பக்கம், React கூறு அல்லது சிறிய பயன்பாட்டை உருவாக்கினால், அதை ஒருவருக்குக் காண்பிப்பதற்காக நீங்கள் ரெப்போவை உருவாக்கி பைப்லைனைப் பயன்படுத்த வேண்டியதில்லை.
குறியீட்டை Anima Playground இல் ஒட்டவும் மற்றும் நேரடி இணைப்பைப் பெறவும்.
இப்போது வெளியீடு உங்கள் வட்டில் இல்லை. இது இயங்கும் பயன்பாடாகும், உங்கள் குழு திறக்கலாம், சோதிக்கலாம் மற்றும் விவாதிக்கலாம்.
கர்சரிலிருந்து: உங்கள் முகவர் உருவாக்கியதைப் பகிரவும்
திட்டத்தில் குறியீட்டை உருவாக்கவும் திருத்தவும் கர்சர் சிறந்தது. ஆனால் உங்கள் உள்ளூர் அமைப்பிற்கு வெளியே உள்ள ஒருவருக்கு உருவாக்கப்பட்ட பக்கம் அல்லது கூறுகளை விரைவாகக் காட்ட விரும்பினால், அதை இயக்கவும் பகிரவும் உங்களுக்கு இன்னும் ஒரு வழி தேவை.
விளையாட்டு மைதானத்துடன், நீங்கள் கர்சரிலிருந்து HTML அல்லது React குறியீட்டை நகலெடுத்து, அதை Anima இல் ஒட்டலாம், உடனடியாக அதை நேரடிப் பயன்பாடாக மாற்றலாம்.
ChatGPT இலிருந்து: கேன்வாஸ் குறியீட்டை வேலை செய்யும் பயன்பாடாக மாற்றவும்
ChatGPT பயனுள்ள HTML, React மற்றும் Markdown ஆகியவற்றை உருவாக்க முடியும். ஆனால் முடிவு பெரும்பாலும் அரட்டை அல்லது கேன்வாஸ் உள்ளேயே இருக்கும்.
ஊடாடத்தக்க ஒன்றாகப் பகிர, குறியீட்டை Anima Playground இல் நகலெடுக்கவும்.
பயன்பாடு உலாவியில் இயங்குகிறது, பகிரக்கூடிய இணைப்பைப் பெறுகிறது மற்றும் அடுத்த பதிப்பில் திருத்தக்கூடியதாக இருக்கும்.
இது ChatGPT வெளியீட்டை “இதோ சில குறியீடு” என்பதிலிருந்து “இதோ ஆப்ஸ்” ஆக மாற்றுகிறது.
ஏன் திருத்தக்கூடிய பகிர்வு முக்கியமானது
பகிர்தல் அரிதாகவே பணிப்பாய்வு முடிவடைகிறது.
யாரோ இணைப்பைத் திறக்கிறார்கள். அவர்கள் சுற்றி கிளிக் செய்கிறார்கள். அவர்கள் விடுபட்ட நிலை, நகல் சிக்கல், உடைந்த தளவமைப்பு அல்லது புதிய யோசனை ஆகியவற்றைக் கவனிக்கிறார்கள்.
இப்போது நீங்கள் அதை மாற்ற வேண்டும்.
நிலையான ஹோஸ்ட் செய்யப்பட்ட பக்கத்துடன், வழக்கமாக கோப்பைப் பதிவிறக்குவது, வேறு எங்காவது திருத்துவது, மீண்டும் பதிவேற்றுவது மற்றும் புதிய பதிப்பை அனுப்புவது.
Anima Playground உடன், பயன்பாடு திருத்தக்கூடியதாக இருக்கும்.
நீங்கள் குறியீட்டைப் புதுப்பிக்கலாம், அதே பகிரப்பட்ட இணைப்பு சமீபத்திய பதிப்பைப் பிரதிபலிக்கிறது.
உறைந்த கலைப்பொருளுக்கும் உயிருள்ள பயன்பாட்டிற்கும் உள்ள வித்தியாசம் இதுதான்.
React ஆதரவு உண்மையான சோதனை
பல “உங்கள் AI வெளியீட்டைப் பகிரவும்” கருவிகள் எளிய HTML க்கு மட்டுமே வேலை செய்கின்றன.
நிலையான பக்கங்களுக்கு இது நல்லது, ஆனால் AI குறியீட்டு முறை எங்கு செல்கிறது என்பதை இது தவறவிடுகிறது.
மிகவும் பயனுள்ள முகவர் உருவாக்கிய வெளியீடுகள் பெரும்பாலும் ஊடாடக்கூடியவை. கூறுகள், நிலை, வழிசெலுத்தல், படிவங்கள், வடிப்பான்கள், விளக்கப்படங்கள், டாஷ்போர்டுகள் மற்றும் தயாரிப்பு ஓட்டங்கள் ஆகியவை அடங்கும்.
அவை நிலையான HTML பக்கங்கள் மட்டுமல்ல.
அவை ஆப் போன்ற அனுபவங்கள்.
மேலும் ஆப்ஸ் போன்ற அனுபவங்களுக்கு Reactஐ முழுத் திட்டத்தை அமைக்கும்படி கட்டாயப்படுத்தாமல் இயங்கக்கூடிய சூழல் தேவை.
அதனால்தான் React ஆதரவு முக்கியமானது.
Anima Playground ஆனது, AI-உருவாக்கிய React அல்லது HTML குறியீட்டை நேரடியாக உலாவியில் இயக்கவும், இணைப்புடன் பகிரவும், மேலும் எண்ணம் உருவாகும்போது அதைத் திருத்தவும் உங்களை அனுமதிக்கிறது.
உங்கள் AI முகவரிடமிருந்து குறியீட்டைப் பகிர்வதற்கான விரைவான வழி
| குறியீடு எங்கிருந்து வந்தது | நேரடி பயன்பாட்டிற்கான வேகமான பாதை |
|---|---|
| கிளாட் அரட்டை | Anima MCP ஐப் பயன்படுத்தவும், அதைப் பகிருமாறு கிளாடிடம் கேட்கவும் |
| கிளாட் கலைப்பொருள் | மூலத்தை நகலெடுத்து விளையாட்டு மைதானத்தில் ஒட்டவும் |
| கோடெக்ஸ் | உருவாக்கப்பட்ட கோப்பை விளையாட்டு மைதானத்தில் ஒட்டவும் |
| கர்சர் | HTML அல்லது React குறியீட்டை விளையாட்டு மைதானத்தில் நகலெடுக்கவும் |
| ChatGPT கேன்வாஸ் | குறியீட்டை நகலெடுத்து விளையாட்டு மைதானத்தில் ஒட்டவும் |
| வேறு ஏதேனும் முகவர் | விளையாட்டு மைதானத்தில் HTML, React அல்லது மார்க் டவுனை ஒட்டவும் |
குறியீடு எங்கிருந்து தொடங்கினாலும், முடிவு ஒன்றுதான்:
உலாவியில் யார் வேண்டுமானாலும் திறக்கக்கூடிய உண்மையான, ஊடாடும் செயலி.
முகவர்கள் குறியீட்டை எழுதுகிறார்கள். மனிதர்கள் அதைப் பகிரவும், மதிப்பாய்வு செய்யவும், அனுப்பவும் வேண்டும்.
AI முகவர்கள் அன்றாட தயாரிப்பு வேலைகளின் ஒரு பகுதியாக மாறி வருகின்றனர். அவை வடிவமைப்பாளர்களுக்கு முன்மாதிரிகளை உருவாக்க உதவுகின்றன, PMகள் சோதனை யோசனைகளை உருவாக்குகின்றன, டெவலப்பர்கள் செயல்படுத்தும் பாதைகளை ஆராய்கின்றன, மேலும் குழுக்கள் யோசனையிலிருந்து இடைமுகத்திற்கு வேகமாக நகர்கின்றன.
ஆனால் ஏஜெண்டுகள் உண்மையில் குழு பணிப்பாய்வுகளுடன் பொருந்துவதற்கு, அவர்களின் வெளியீடு அரட்டைகள், கேன்வாஸ்கள், உள்ளூர் கோப்புகள் அல்லது ஸ்கிரீன்ஷாட்களில் சிக்கியிருக்க முடியாது.
இது மக்கள் திறக்கக்கூடிய ஒன்றாக மாற வேண்டும்.
அவர்கள் கிளிக் செய்யக்கூடிய ஒன்று.
அவர்கள் திருத்தக்கூடிய ஒன்று.
அவர்கள் பகிர்ந்து கொள்ளக்கூடிய ஒன்று.
அதுதான் Anima Playground இன் பங்கு: AI முகவர்கள் மற்றும் மனித குழுக்களுக்கு இடையே இல்லாத இயக்க நேரம்.
உங்கள் முகவர் குறியீட்டை எழுதுகிறார்.
Anima Playground இதை ஒரு நேரடி பயன்பாடாக இயக்குகிறது.
உங்கள் குழு ஒரு இணைப்பைப் பெறுகிறது.

Figma
Adobe XD
Blog


