GenAI

புதிய கையேடு: உங்கள் AI ஏஜென்ட்டின் குறியீட்டை உங்கள் குழுவுடன் எவ்வாறு பகிர்வது1 min read

Reading Time: 3 minutesAI-உருவாக்கிய குறியீட்டை ஆதாரமாக, வேலை செய்யும் பதிப்பு அல்லது பகிரப்பட்ட கலைப்பொருளாகப் பகிர்வது எப்படி என்பதை அறிக.

Turn AI-generated code into a shared live app

புதிய கையேடு: உங்கள் AI ஏஜென்ட்டின் குறியீட்டை உங்கள் குழுவுடன் எவ்வாறு பகிர்வது1 min read

Reading Time: 3 minutes

உங்கள் AI முகவர் பயனுள்ள ஒன்றை உருவாக்கியுள்ளார்.இது ஒரு டாஷ்போர்டு, புதிய ஆன்போர்டிங் ஃப்ளோ அல்லது சிறிய உள் பயன்பாடாக இருக்கலாம்.

அது செயல்படுவதை நீங்கள் பார்க்கலாம்.குறியீடு நன்றாக இருக்கிறது.இப்போது உங்கள் அணி வீரர் ஒரு நியாயமான கேள்வியைக் கேட்கிறார்:

“எனக்கு அனுப்ப முடியுமா?”

AI குறியீட்டு பணிப்பாய்வு பெரும்பாலும் கைமுறையாக கைமாறாக மாறும்.நீங்கள் ஒரு ஸ்கிரீன்ஷாட்டை அனுப்புகிறீர்கள், குறியீட்டு துணுக்கை நகலெடுக்கிறீர்கள், ஒரு கிளையைத் தள்ளுங்கள் அல்லது உள்நாட்டில் திட்டத்தை எவ்வாறு இயக்குவது என்பதை விளக்குங்கள்.

ஆனால் கேட்கும் நபர் மூலக் குறியீட்டை விரும்பவில்லை.அவர்கள் விஷயத்தைத் திறக்க விரும்புகிறார்கள், அதை முயற்சிக்கவும், மாற்ற வேண்டியதைச் சொல்லவும் விரும்புகிறார்கள்.

AI-உருவாக்கிய குறியீட்டைப் பகிர்வதற்கான சரியான வழி, அடுத்து என்ன நடக்கும் என்பதைப் பொறுத்தது.

முதலில், நீங்கள் உண்மையில் என்ன பகிர்ந்து கொள்கிறீர்கள்?

உங்கள் AI முகவர் உருவாக்கிய குறியீட்டை யாராவது கேட்டால், அவர்கள் மூன்று வெவ்வேறு விஷயங்களைக் குறிக்கலாம்.

1. மூல குறியீடு

ஒரு டெவலப்பர் செயல்படுத்தலைச் சரிபார்க்க வேண்டும், சோதனைகளை இயக்க வேண்டும் அல்லது ஏற்கனவே உள்ள கோட்பேஸில் அதை இணைக்க வேண்டும்.

ஒரு Git களஞ்சியம் மற்றும் இழுத்தல் கோரிக்கை பொதுவாக சரியான பதில்.மாற்றங்களை மதிப்பாய்வு செய்வதற்கும், சோதனைகளைச் சரிபார்ப்பதற்கும், குறியீட்டை உற்பத்தியில் ஒருங்கிணைப்பதற்கும் அவை பழக்கமான பணிப்பாய்வுகளை வழங்குகின்றன.

2. வேலை செய்யும் பதிப்பு

ஒரு தயாரிப்பு மேலாளர் ஆன்போர்டிங் ஓட்டத்தின் மூலம் கிளிக் செய்ய விரும்புகிறார்.ஒரு வடிவமைப்பாளர் பதிலளிக்கக்கூடிய அமைப்பைப் பார்க்க விரும்புகிறார்.ஒரு பங்குதாரர் டாஷ்போர்டை முயற்சிக்க விரும்புகிறார்.

மூல கோப்புகளை அனுப்புவது இங்கு குறிப்பாக பயனுள்ளதாக இல்லை.அவர்களுக்கு உலாவியில் திறக்கக்கூடிய பயன்பாடு அல்லது கலைப்பொருள் தேவை.

3. வேறொருவர் தொடரும் வேலை

உங்கள் குழுவில் உள்ளவர் பயன்பாட்டை மதிப்பாய்வு செய்யவும், மாற்றத்தைப் பரிந்துரைக்கவும், மேலும் AI முகவர் கருத்தைச் செயல்படுத்தவும் விரும்புகிறார்.

இது ஒரு வித்தியாசமான கைம்மாறு.இலக்கு ஒரு ஸ்னாப்ஷாட்டை விட அதிகமாக வைத்திருக்க வேண்டும்.அது வேலை, அதன் வரலாறு மற்றும் அதைத் தொடர்பவர்களுக்கான அணுகலைப் பாதுகாக்க வேண்டும்.

இந்த பணிப்பாய்வுகள் ஒன்றுடன் ஒன்று, ஆனால் அவை ஒன்றுக்கொன்று மாறக்கூடியவை அல்ல.

குறியீட்டைப் பகிர்வதற்கும் வேலையை ஒப்படைப்பதற்கும் உள்ள வித்தியாசம்

ஒரு முகவர் வாடிக்கையாளர் பகுப்பாய்வு டாஷ்போர்டை உருவாக்குகிறார் என்று கற்பனை செய்து பாருங்கள்.

இதில் மூன்று KPI கார்டுகள், பயன்பாட்டு விளக்கப்படம் மற்றும் தேதி வடிகட்டி ஆகியவை அடங்கும்.

நீங்கள் உங்கள் குழுவிற்கு React கோப்புகளை அனுப்பலாம்.முடிவைக் காண அவர்களுக்கு ஒரு வளர்ச்சி சூழல் தேவை.

நீங்கள் ஒரு ஸ்கிரீன்ஷாட்டை அனுப்பலாம்.அவர்கள் தளவமைப்பைப் புரிந்துகொள்வார்கள், ஆனால் வடிப்பானைச் சோதிக்க முடியாது.

நீங்கள் அதை எங்காவது வரிசைப்படுத்தலாம்.அவர்கள் அதனுடன் தொடர்பு கொள்ளலாம், ஆனால் பின்னூட்டங்களைச் சேகரிப்பதற்கும் திட்டத்தைப் புதுப்பிப்பதற்கும் உங்களுக்கு இன்னும் ஒரு செயல்முறை தேவைப்படும்.

இப்போது சற்று வித்தியாசமான பணிப்பாய்வுகளை கற்பனை செய்து பாருங்கள்.

முகவர் ஒரு பகிரப்பட்ட கலைப்பொருள் பணியிடத்தில் டாஷ்போர்டை உருவாக்கி அதன் URLஐ உங்களுக்கு வழங்குகிறது.

உங்கள் குழுவில் உள்ளவர் கலைப்பொருளைத் திறந்து, வடிப்பானைச் சோதித்து, விளக்கப்படத்தில் கருத்துத் தெரிவிக்கிறார்.அதே கலைப்பொருளில் மாற்றம் செய்யும்படி ஏஜெண்டிடம் கேட்கிறீர்கள்.

URL அப்படியே இருக்கும்.பணிக்கு ஒரு வரலாறு உண்டு.மற்றொரு உரையாடலைத் தொடங்க வேண்டிய அவசியமில்லை மற்றும் முந்தைய முகவர் என்ன உருவாக்கினார் என்பதை விளக்க வேண்டும்.

அதுதான் வடிவமைக்கத் தகுந்த கைம்மாறு.

AI-உருவாக்கிய குறியீட்டை உங்கள் குழுவுடன் எவ்வாறு பகிர்வது

இங்கே ஒரு நடைமுறை பணிப்பாய்வு பயன்படுத்தப்படுகிறது AgentGrid.io, மக்கள் மற்றும் AI முகவர்களுக்கான பகிரப்பட்ட கலைப்பொருள் பணியிடம், Anima ஆல் கட்டப்பட்டது.

படி 1: உங்களுக்கு விருப்பமான AI குறியீட்டு கருவி மூலம் உருவாக்கவும்

Claude Code, Codex, Cursor அல்லது உங்களுக்கு வசதியாக இருக்கும் மற்றொரு கருவியில் தொடர்ந்து பணியாற்றுங்கள்.

உதாரணமாக:

பயன்பாட்டு விளக்கப்படம், தேதி வடிகட்டி மற்றும் மூன்று KPI கார்டுகளுடன் பதிலளிக்கக்கூடிய தயாரிப்பு பகுப்பாய்வு டாஷ்போர்டை உருவாக்கவும்.React ஐப் பயன்படுத்தவும்.

குறியீட்டை உருவாக்க நீங்கள் பயன்படுத்தும் கருவியை மாற்ற வேண்டியதில்லை.

படி 2: முடிவை உங்கள் குழு அணுகக்கூடிய இடத்தில் வைக்கவும்

உங்கள் முகவரை AgentGrid உடன் இணைத்து கேளுங்கள்:

இந்த டாஷ்போர்டை AgentGrid இல் ஒரு பயன்பாடாக வைக்கவும்.கலைப்பொருள் இணைப்பைக் கொடுத்து, அதைத் தனிப்பட்டதாக வைத்திருங்கள்.

AgentGrid பயன்பாட்டை அதன் சொந்த URL மற்றும் பதிப்பு வரலாற்றுடன் ஒரு கலைப்பொருளாக சேமிக்கிறது.

நீங்கள் சுயாதீனமாக இணைக்கக்கூடிய குறியீட்டு முகவரைப் பயன்படுத்துகிறீர்கள் என்றால், பின்தொடரவும் AgentGrid இணைப்பு வழிமுறைகள்.Claude அல்லது ChatGPT போன்ற உலாவி அடிப்படையிலான உதவியாளர்கள் தங்கள் ஆதரிக்கப்படும் ஒருங்கிணைப்புகளைப் பயன்படுத்துகின்றனர்.

முக்கியமான அம்சம் என்னவென்றால், உங்கள் முகவர் அதை அணுக அனுமதி உள்ள பணியிடத்தில் கலைப்பொருளை உருவாக்குகிறார்.

படி 3: உங்கள் குழுவிற்கு அணுகலை வழங்கவும்

கலைப்பொருளைத் திறந்து அதன் இணைப்பை நகலெடுக்கவும்.

அதை அனுப்பும் முன், உங்கள் குழுவில் பணிபுரியும் இடத்திற்கு அணுகல் உள்ளதா என்பதை உறுதிப்படுத்தவும்.ஒரு தனிப்பட்ட கலைப்பொருள் URL வேலையை அடையாளம் காட்டுகிறது;அது தானாகவே அனுமதி வழங்காது.

உள் ஒத்துழைப்பிற்கு, பொதுவாக நீங்கள் விரும்புவது இதுதான்.ஒரு குழு உறுப்பினர் வேலையைப் பொதுவில் அணுகாமல் மதிப்பாய்வு செய்யலாம்.

பார்க்கவும் கலைப்பொருள் பகிர்வு எவ்வாறு செயல்படுகிறது.

படி 4: உண்மையான முடிவு குறித்த கருத்துக்களை சேகரிக்கவும்

உங்கள் டீம்மேட் டாஷ்போர்டைத் திறந்து தேதி வடிகட்டி எதிர்பார்த்தபடி செயல்படவில்லை என்பதைக் கண்டறிந்தார்.

எந்த கூறு உடைந்துள்ளது என்பதை விளக்கும் ஒரு தனி Slack செய்தியை எழுதுவதற்குப் பதிலாக, அவர்கள் கலைப்பொருளின் தொடர்புடைய பகுதிக்கு பின்னூட்டம் இடலாம்.

AgentGrid பயன்பாட்டு உறுப்புகள் மற்றும் ஆவணப் பத்திகள் மீதான மதிப்பாய்வு கருத்துகளை ஆதரிக்கிறது.அங்கீகரிக்கப்பட்ட நபர்களும் முகவர்களும் அந்தக் கருத்துகள் மூலம் இணைந்து செயல்பட முடியும்.

இது விவாதத்தை மறுபரிசீலனை செய்யப்படும் விஷயத்திற்கு நெருக்கமாக வைத்திருக்கிறது.

படி 5: முகவர் வேலையைத் தொடரட்டும்

இப்போது நீங்கள் இணைக்கப்பட்ட ஏஜெண்டிடம் சொல்லலாம்:

இந்த AgentGrid கலைப்பொருளைத் திறந்து தேதி வடிப்பானைச் சரிசெய்யவும்.ஏற்கனவே உள்ள அமைப்பை வைத்து அதே கலைப்பொருளைப் புதுப்பிக்கவும்.

உண்மையான கலைப்பொருள் URL ஐச் சேர்க்கவும்.

தேவையான அணுகல் மற்றும் திறன்கள் இருந்தால், முகவர் கலைப்பொருளை ஆய்வு செய்து புதுப்பிக்க முடியும்.

மாற்றங்கள் அதே பதிப்பு வரலாற்றில் தோன்றும், அவற்றை உருவாக்கிய முகவரால் கூறப்படும்.முடிவை மதிப்பாய்வு செய்ய உங்கள் அணியினர் அதே கலைப்பொருளுக்குத் திரும்பலாம்.

பார்க்கவும் AgentGrid இல் பதிப்பு வரலாறு.

Claude, ChatGPT, Cursor மற்றும் Codex பற்றி என்ன?

சில AI கருவிகள் ஏற்கனவே பயனுள்ள சொந்த பகிர்வு திறன்களைக் கொண்டுள்ளன.

Claude அதன் சுற்றுச்சூழலுக்குள் ஆதரிக்கப்படும் கலைப்பொருட்களைப் பகிர முடியும்.குறியீட்டை மதிப்பாய்வு செய்வதற்கு GitHub சிறந்தது.மேம்பாட்டு தளங்கள் முன்னோட்ட வரிசைப்படுத்தல்களை வழங்க முடியும்.

எதையாவது பகிர்வதற்காக அந்த பணிப்பாய்வுகளை மாற்ற வேண்டிய அவசியமில்லை.

AgentGrid அடுத்த படியில் ஈடுபடும்போது பயனுள்ளதாக இருக்கும் ஒரே கலைப்பொருளில் பணிபுரியும் நபர்கள் மற்றும் முகவர்கள், குறிப்பாக பல்வேறு AI கருவிகள் முழுவதும்.

எடுத்துக்காட்டாக, உங்கள் குழு இடைமுகத்தை உருவாக்க Claudeஐயும், அதன் நடத்தையைச் செம்மைப்படுத்த Codexஐயும், கருத்து தெரிவிக்க ஒரு மனித மதிப்பாய்வாளரையும் பயன்படுத்தலாம்.

பகிரப்பட்ட கலைப்பொருள் அந்தப் பணிக்கான பொதுவான இலக்கை வழங்குகிறது.

அதற்கு பதிலாக எப்போது வெளியிட வேண்டும்?

பொது டெமோ தேவைப்படும் கிளையன்ட் போன்ற உங்கள் பணியிடத்திற்கு வெளியே உள்ளவர்களுக்காகவே இந்த வேலை இருந்தால், நீங்கள் அதை வெளியிட விரும்பலாம்.

AgentGrid ஆதரிக்கப்படும் பயன்பாட்டையும் Markdown கலைப்பொருட்களையும் பொது URLகளில் வெளியிட முடியும்.

ஆனால் பகிர்வதும் வெளியிடுவதும் ஒரே செயல் அல்ல.

தனிப்பட்ட கலைப்பொருள் இணைப்பிற்கு அங்கீகரிக்கப்பட்ட பணியிட அணுகல் தேவை.வெளியிடப்பட்ட வரிசைப்படுத்தல் பொதுவில் அணுகக்கூடியது.கலைப்பொருளின் பின்னர் மாற்றங்கள் அந்தப் பொதுப் பக்கத்தில் தோன்றும் முன் மீண்டும் வெளியிடப்பட வேண்டும்.

நீங்கள் என்ன நினைக்கிறீர்களோ அதை மட்டும் வெளியிடுங்கள்.

முகவர் முடிக்கும் போது கேட்க ஒரு சிறந்த கேள்வி

ஒவ்வொரு குறியீட்டு அமர்வையும் “கோப்புகளை ஏற்றுமதி செய்” என்று முடிப்பதற்குப் பதிலாக, கேளுங்கள்:

அடுத்து இது யாருக்குத் தேவை, அவர்கள் இதை என்ன செய்ய வேண்டும்?

ஒரு டெவலப்பர் குறியீட்டை ஒன்றிணைக்க வேண்டும் என்றால், இழுக்கும் கோரிக்கையை உருவாக்கவும்.

யாராவது பயன்பாட்டைச் சோதிக்க வேண்டும் என்றால், அவர்களுக்கு வேலை செய்யும் மாதிரிக்காட்சியை வழங்கவும்.

மக்களும் முகவர்களும் இணைந்து பணியை மதிப்பாய்வு செய்து தொடர வேண்டுமானால், அதற்குப் பகிரப்பட்ட வீட்டை வழங்கவும்.

AI குறியீட்டு அமர்வின் வெளியீடு பணிப்பாய்வு முடிவாக இருக்க வேண்டியதில்லை.இது மற்ற அனைவருக்கும் தொடக்க புள்ளியாக இருக்கலாம்.

👉 AgentGridஐ ஆராயுங்கள்.

FAQs

Yes. You can copy the artifact source into Anima Playground, or use the Anima MCP from inside Claude. Anima gives you a normal browser link that anyone can open, with no Claude account or Claude seat required to view.
Paste the React code into Anima Playground. It runs in the browser with no local setup, no repo, no build step, and no deploy configuration. You also get a shareable link to the running app.
Yes. The app stays editable in Anima Playground. You can change the code and keep using the same shareable link, instead of exporting or redeploying every time.
No. Anima Playground supports HTML, React, and Markdown, so it works for static pages, interactive components, and more app-like agent outputs.