𝗙𝗿𝗼𝗺 𝗣𝗿𝗼𝗺𝗽𝘁𝘀 𝘁𝗼 𝗔𝗜 𝗔𝗴𝗲𝗻𝘁𝘀: 𝗔 𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿'𝘀 𝗚𝘂𝗶𝗱𝗲
ஃப்ரண்ட்எண்ட் டெவலப்பர்கள் வெறும் ப்ராம்ப்ட்களைத் தாண்டிச் செல்ல வேண்டும்.
நீங்கள் புத்திசாலித்தனமான பயனர் இடைமுகங்களை (user interfaces) உருவாக்க விரும்பினால், AI-ன் படிநிலையைப் புரிந்துகொள்ள வேண்டும்.
- ப்ராம்ப்ட்கள்: ஒரு வெளியீட்டிற்கான ஒற்றை அறிவுறுத்தல்.
- சாட்பாட்கள் (Chatbots): உரையாடலை அனுமதிக்கும் நினைவாற்றல் கொண்ட மாதிரிகள்.
- AI ஏஜென்ட்கள்: கருவிகளைப் பயன்படுத்தும், பல படிநிலைகளைக் கொண்ட திட்டங்களைப் பின்பற்றும் மற்றும் உங்களுக்காகச் செயல்படும் அமைப்புகள்.
ஒரு ஏஜென்ட் வெறும் உரையாடலைத் தாண்டிச் செயல்படுகிறது. அது தரவுகளைப் பெறவும் (fetch data), API-களை அழைக்கவும் மற்றும் ஒரு இலக்கை அடைய முடிவுகளை எடுக்கவும் முடியும்.
உங்கள் வேலைக்கு இது ஏன் முக்கியமானது:
- இது மாறும் தன்மை கொண்ட (dynamic), சூழலுக்குத் தகுந்த (context-aware) UI-களை உருவாக்குகிறது.
- பயனர் ஆதரவு (user support) அல்லது டேஷ்போர்டு அமைத்தல் போன்ற மீண்டும் மீண்டும் செய்யப்படும் பணிகளை இது தானியக்கமாக்குகிறது.
- இது வடிவமைப்பு கருவிகளுக்கும் (design tools) இயங்கும் குறியீடுகளுக்கும் (working code) இடையிலான இடைவெளியைக் குறைக்கிறது.
சிறந்த ப்ராம்ப்ட்களை எழுதுவது எப்படி: தெளிவற்ற அறிவுறுத்தல்களை எழுதுவதை நிறுத்துங்கள். ப்ராம்ப்ட்களைத் தொழில்நுட்ப விவரக்குறிப்புகளாக (technical specifications) கருதுங்கள்.
மோசமான ப்ராம்ப்ட்: Write a function to format a date.
சிறந்த ப்ராம்ப்ட்: Write a TypeScript function that takes a JS Date and returns a string like "3 hours ago". Handle future dates by returning "just now". Use no external libraries.
ஃப்ரண்ட்எண்ட் பணிகளுக்கான இந்தச் சரிபார்ப்புப் பட்டியலைப் (checklist) பயன்படுத்தவும்:
- பாத்திரத்தைக் குறிப்பிடவும்: "Reply with code only."
- ஒரு உதாரணத்தை வழங்கவும்: உங்களுக்குத் தேவையான துல்லியமான வெளியீட்டு வடிவத்தைக் (output shape) மாடலுக்குக் காட்டுங்கள்.
- தொழில்நுட்பத் தொகுப்பைக் (stack) குறிப்பிடவும்: "Use React and Tailwind. No CSS-in-JS."
- விளிம்பு நிலைச் சூழல்களைக் (edge cases) பட்டியலிடவும்: "Handle null values and empty arrays."
- நிலைத்தன்மையைக் கோரவும்: "Use only documented APIs."
ஒரு ஏஜென்ட் பணிப்பாய்வை (agent workflow) உருவாக்குவது எப்படி:
- ஒரு மாதிரியைத் தேர்ந்தெடுக்கவும்: பாதுகாப்பான சர்வர் பக்க செயல்பாடுகள் (server-side functions) மூலம் OpenAI அல்லது அது போன்றவற்றைத் தேர்ந்தெடுக்கவும்.
- கருவிகளை வரையறுக்கவும்: எந்த API-கள் அல்லது செயல்பாடுகளை ஏஜென்ட் பயன்படுத்தலாம் என்று சொல்லுங்கள்.
- பணிப்பாய்வை அமைக்கவும்: ஏஜென்ட் சூழலைக் கண்காணிக்கவும் மற்றும் படிகளைத் திட்டமிடவும் முடியும் என்பதை உறுதிப்படுத்தவும்.
- உங்கள் UI உடன் இணைக்கவும்: உங்கள் ஃப்ரண்ட்எண்டிலிருந்து ஏஜென்ட்டை அழைக்க ஒரு API ரூட்டைப் பயன்படுத்தவும்.
பொதுவான சவால்கள்:
- தாமதம் (Latency): UI பதிலளிக்கக்கூடியதாக (responsive) இருக்க லோடிங் நிலைகள் (loading states) அல்லது பின்னணிப் பணிகளைப் (background tasks) பயன்படுத்தவும்.
- மாயத்தோற்றங்கள் (Hallucinations): எப்போதும் AI உள்ளடக்கத்தைக் குறிப்பிடவும் மற்றும் முக்கியமான முடிவுகளுக்கு மனித மேற்பார்வையைப் பயன்படுத்தவும்.
- சூழல் வரம்புகள் (Context limits): மாடலைத் தொடர்ந்து கவனத்துடன் வைத்திருக்க பழைய செய்திகளைச் சுருக்கவும்.
ஒரு ஃப்ரண்ட்எண்ட் டெவலப்பரின் பங்கு மாறிக்கொண்டிருக்கிறது. நீங்கள் டெம்ப்ளேட்களை எழுதுவதற்குப் பதிலாக, ஏஜென்ட்கள் செயல்படுவதற்கான இலக்குகள் மற்றும் கட்டுப்பாடுகளை வரையறுப்பதில் அதிக நேரத்தைச் செலவிடுவீர்கள்.
சிறிய அளவில் தொடங்குங்கள். ஒரு மீண்டும் மீண்டும் செய்யப்படும் பணி அல்லது ஒரு கூறுகளை (component) தானியக்கமாக்குங்கள். இன்றே தர்க்கத்தை (logic) உருவாக்குங்கள்.
Source: https://dev.to/davekurian/from-prompts-to-ai-agents-a-frontend-developers-guide-to-mastery-2mlh