ai-sdk-handler
بناء تطبيقات الذكاء الاصطناعي باستخدام Vercel AI SDK
يتطلب بناء تطبيقات مدعومة بالذكاء الاصطناعي تكاملاً معقداً لنماذج اللغة الكبيرة والبث المباشر وإدارة الحالة. توفر هذه المهارة إرشادات شاملة لتنفيذ روبوتات الدردشة والمخرجات المنظمة وواجهة المستخدم التوليدية وسير عمل الوكلاء باستخدام Vercel AI SDK في تطبيقات Next.js.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“ai-sdk-handler”。 إنشاء مسار API للدردشة بالبث المباشر في /api/chat مع المصادقة
预期结果:
سأقوم بإنشاء مسار API للدردشة بالبث المباشر مع المصادقة. سيستخدم المسار streamText من Vercel AI SDK مع OpenAI، ويتضمن المصادقة عبر withAuthRequired، ويعيد استجابة بث مباشر مع تتبع استخدام الرموز.
正在使用“ai-sdk-handler”。 بناء نقطة نهاية تستخرج بيانات وصفة منظمة من النص
预期结果:
سأقوم بإنشاء مسار API باستخدام generateObject مع مخطط Zod الذي يحدد بنية الوصفة بما في ذلك الاسم ومصفوفة المكونات وخطوات التحضير، مما يضمن مخرجات JSON آمنة من حيث النوع.
正在使用“ai-sdk-handler”。 كيف أتعامل مع الدردشة متعددة الوسائط مع تحميل الصور؟
预期结果:
للدردشة متعددة الوسائط، استخدم معامل experimental_attachments في دالة handleSubmit الخاصة بـ useChat. على جانب العميل، التقط مدخلات الملفات ومررها إلى handleSubmit. سيستقبل مسار الخادم الصور في مصفوفة الرسائل للمعالجة.
安全审计
安全This skill contains only documentation and code examples for the Vercel AI SDK integration. All static findings are false positives: backticks in code examples were misidentified as shell commands, and legitimate API key environment variable usage follows Next.js security best practices. No executable code or security risks detected.
质量评分
你能构建什么
روبوت دردشة دعم العملاء
بناء واجهة دردشة تفاعلية لدعم العملاء مع استجابات بث مباشر ومصادقة وتتبع سجل المحادثات.
خط أنابيب استخراج البيانات
استخراج بيانات منظمة من نصوص غير منظمة باستخدام generateObject مع مخططات Zod لملء قواعد البيانات أو النماذج.
لوحة تحكم مدعومة بالذكاء الاصطناعي
إنشاء لوحات تحكم ديناميكية مع واجهة مستخدم توليدية تعرض مكونات React مخصصة بناءً على تحليل نماذج اللغة واستعلامات المستخدم.
试试这些提示
Create a streaming chat API route at /api/chat with authentication that uses the Vercel AI SDK
Build an API endpoint that extracts recipe information including name, ingredients, and steps from user-provided text using generateObject
Create a generative UI route that can render weather cards or stock price components based on LLM tool calls
Implement a multi-step research agent using Inngest that generates a research plan, executes steps, and synthesizes findings
最佳实践
- استخدم دائماً المصادقة على مسارات API للذكاء الاصطناعي لمنع الوصول غير المصرح به والتحكم في التكاليف
- فضّل استجابات البث المباشر لتوليد النصوص لتحسين الأداء المدرك
- حدد مخططات Zod للمخرجات المنظمة لضمان أمان الأنواع والتحقق من الصحة
避免
- كشف مسارات الذكاء الاصطناعي بدون مصادقة يؤدي إلى إساءة الاستخدام وتكاليف غير متوقعة
- تشغيل سير عمل ذكاء اصطناعي طويل في مسارات API قياسية سيصل إلى حدود المهلة الزمنية للخوادم بدون خادم
- تضمين مفاتيح API مباشرة في الكود بدلاً من استخدام متغيرات البيئة يعرض الأمان للخطر
常见问题
متى يجب علي استخدام ai-sdk-handler مقابل ai-handler؟
كيف أمنع انتهاء مهلة مسار API للمهام الطويلة للذكاء الاصطناعي؟
هل يمكنني استخدام موفري نماذج لغة متعددين في نفس التطبيق؟
كيف أتعامل مع المصادقة في مسارات الذكاء الاصطناعي؟
ما هي واجهة المستخدم التوليدية ومتى يجب علي استخدامها؟
كيف أخزن استجابات الذكاء الاصطناعي مؤقتاً لتقليل التكاليف؟
开发者详情
许可证
MIT
引用
main
文件结构