𝗙𝗿𝗼𝗺 𝗣𝗿𝗼𝗺𝗽𝘁𝘀 𝘁𝗼 𝗔𝗜 𝗔𝗴𝗲𝗻𝘁𝘀: 𝗔 𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿'𝘀 𝗚𝘂𝗶𝗱𝗲
ஃப்ரண்ட்எண்ட் டெவலப்பர்கள் வெறும் ப்ராம்ப்ட்களைத் தாண்டிச் செல்ல வேண்டும். AI ஏஜென்ட்களை உருவாக்குவதே புத்திசாலித்தனமான பயனர் இடைமுகங்களை (user interfaces) உருவாக்கும் வழியாகும்.
இதை ஒரு ஏணியாகக் கருதவும்:
• ப்ராம்ப்ட்கள் (Prompts): ஒரு வெளியீட்டைக் கொண்ட ஒற்றை அறிவுறுத்தல். • சாட்பாட்கள் (Chatbots): உரையாடலை அனுமதிக்கும் நினைவாற்றல் கொண்ட மாடல்கள். • AI ஏஜென்ட்கள் (AI Agents): கருவிகளைப் பயன்படுத்தும், படிகளைத் திட்டமிடும் மற்றும் உங்களுக்காகச் செயல்படும் அமைப்புகள்.
ஏஜென்ட்கள் உரையைத் தாண்டிச் செயல்படுகின்றன. அவை ஒரு இலக்கை அடைய API-களை அழைக்கலாம், ஆவணங்களைத் தேடலாம் மற்றும் குறியீடுகளை (code) இயக்கலாம்.
உங்கள் ஃப்ரண்ட்எண்ட் வேலைக்கு இது ஏன் முக்கியமானது:
- பயனரின் நடத்தைக்கு ஏற்ப நிகழ்நேரத்தில் (real time) மாறும் கூறுகளை (components) நீங்கள் உருவாக்க முடியும்.
- பயனர் ஆதரவை (user support) நேரடியாக UI-லேயே தானியக்கமாக்க முடியும்.
- வடிவமைப்பிலிருந்து (design) இயங்கும் குறியீடு (working code) வரை உள்ள இடைவெளியை விரைவாகக் குறைக்க முடியும்.
சிறந்த முடிவுகளைப் பெற, தெளிவற்ற ப்ராம்ப்ட்களை எழுதுவதை நீங்கள் நிறுத்த வேண்டும். ஒரு ப்ராம்ப்ட்டை ஒரு தொழில்நுட்ப விவரக்குறிப்பு (technical specification) போலக் கருதவும்.
மோசமான ப்ராம்ப்ட்: Write a function to format a date.
சிறந்த ப்ராம்ப்ட்: Write a TypeScript function that takes a JS Date. Return a string like "3 hours ago". Handle future dates by returning "just now". Do not use external libraries.
இரண்டாவது பதிப்பு அதன் பங்கு, வெளியீடு, விளிம்பு நிலைச் சூழல்கள் (edge cases) மற்றும் கட்டுப்பாடுகளைத் தெளிவாக வரையறுக்கிறது.
சிறந்த முடிவுகளுக்கு இந்தச் சரிபார்ப்புப் பட்டியலைப் (checklist) பயன்படுத்தவும்:
- பங்கு மற்றும் வடிவத்தைக் குறிப்பிடவும்: "Reply with code only."
- ஒரு வெளியீட்டு உதாரணத்தைக் கொடுக்கவும்: மாடல்கள் வடிவங்களை (patterns) நன்றாகப் பின்பற்றும்.
- உங்கள் ஸ்டேக் (stack)-ஐக் குறிப்பிடவும்: "Use React and Tailwind."
- விளிம்பு நிலைச் சூழல்களைப் பட்டியலிடவும்: "Handle null values and empty arrays."
ஒரு ஏஜென்ட் பணிப்பாய்வை (agent workflow) எவ்வாறு உருவாக்குவது:
- ஒரு மாடலைத் தேர்ந்தெடுக்கவும்: பாதுகாப்பான பேக்எண்ட் (backend) செயல்பாடுகள் மூலம் OpenAI APIs அல்லது அது போன்றவற்றைத் தேர்ந்தெடுக்கவும்.
- ப்ராம்ப்ட்களை வரையறுக்கவும்: தெளிவாகவும் நுணுக்கமாகவும் இருக்கவும்.
- பணிப்பாய்வை அமைக்கவும்: மாடல் சூழலைத் (context) தொடரவும் கருவிகளைப் பயன்படுத்தவும் முடியும் என்பதை உறுதிப்படுத்தவும்.
- உங்கள் UI உடன் இணைக்கவும்: ஏஜென்ட்டை அழைக்கவும் மற்றும் முடிவைப் பெறவும் ஒரு API ரூட்டைப் பயன்படுத்தவும்.
முக்கியமான தர்க்கங்களை (sensitive logic) சர்வரிலேயே வைத்திருக்கவும். ஏஜென்ட் செயல்முறைகளை நேரடியாக உலாவியில் (browser) இயக்க வேண்டாம்.
கவனிக்க வேண்டிய பொதுவான சவால்கள்:
- தாமதம் (Latency): செயலி வேகமாக இயங்குவது போன்ற உணர்வைத் தர லோடிங் நிலைகள் (loading states) அல்லது optimistic UI அப்டேட்களைப் பயன்படுத்தவும்.
- மாயத்தோற்றங்கள் (Hallucinations): பயனர் நம்பிக்கையை வளர்க்க, உள்ளடக்கத்தை எப்போதும் AI-ஆல் உருவாக்கப்பட்டது என்று குறிப்பிடவும்.
- சூழல் வரம்புகள் (Context limits): மாடல் முக்கியமான விதிகளை மறக்காமல் இருக்க பழைய செய்திகளைச் சுருக்கவும்.
ஒரு ஃப்ரண்ட்எண்ட் டெவலப்பரின் பங்கு மாறிவருகிறது. நீங்கள் டெம்ப்ளேட்களை எழுதுவதற்கு குறைவான நேரத்தையும், ஏஜென்ட்கள் செயல்படுவதற்கான இலக்குகளை வரையறுப்பதற்கு அதிக நேரத்தையும் செலவிடுவீர்கள்.
சிறிய அளவில் தொடங்குங்கள். ஒரு திரும்பத் திரும்பச் செய்யும் பணியை அல்லது ஒரு கூறினைத் தானியக்கமாக்குங்கள். ப்ராம்ப்ட்களில் இருந்து ஏஜென்ட்கள் வரையிலான ஏணியில் தேர்ச்சி பெறுங்கள்.
ஆதாரம்: https://dev.to/davekurian/from-prompts-to-ai-agents-a-frontend-developers-guide-to-mastery-2mlh
விருப்பத்தேர்வு கற்றல் சமூகம்: https://t.me/GyaanSetuAi