·ai-elements-chatbot
*

ai-elements-chatbot

توفر هذه المهارة مكونات واجهة مستخدم دردشة AI جاهزة للإنتاج ومبنية على shadcn/ui لواجهات الذكاء الاصطناعي للمحادثة. يُستخدم عند إنشاء واجهات دردشة بنمط ChatGPT مع استجابات متدفقة، أو عروض استدعاء الأداة/الوظيفة، أو تصور الاستدلال، أو اقتباسات المصدر. يوفر أكثر من 30 مكونًا بما في ذلك الرسالة والمحادثة والاستجابة وCodeBlock والتفكير والأداة والإجراءات والمصادر المحسنة لـ Vercel AI SDK v5. يمنع أخطاء الإعداد الشائعة مع Next.js App Router، وTailwind v4، وتكامل shadcn/ui، وترحيل AI SDK v5، وأنماط تكوين المكونات، وتوافق متصفح الإدخال الصوتي، ومشكلات التصميم سريع الاستجابة، وتحسين البث. الكلمات الرئيسية: عناصر ai، vercel-ai-sdk، shadcn، chatbot، المحادثة-ai، تدفق واجهة المستخدم، واجهة الدردشة، ai-chat، مكونات الرسائل، محادثة واجهة المستخدم، استدعاء الأدوات، عرض الاستدلال، استشهادات المصدر، تدفق تخفيض السعر، استدعاء الوظائف، استجابات الذكاء الاصطناعي، الإدخال الفوري، تسليط الضوء على التعليمات البرمجية، معاينة الويب، التنقل بين الفروع، عرض التفكير، أسلوب الحيرة، أعمال كلود

53التثبيتات·1الرائج·@jackspace

التثبيت

$npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot

كيفية تثبيت ai-elements-chatbot

ثبّت مهارة الذكاء الاصطناعي ai-elements-chatbot بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: jackspace/claudeskillz.

Status: Production Ready Last Updated: 2025-11-07 Dependencies: tailwind-v4-shadcn (prerequisite), ai-sdk-ui (companion), nextjs (framework) Latest Versions: ai-elements@1.6.0, ai@5.0+, next@15+, react@19+

Before installing AI Elements, ensure these are already set up:

Missing prerequisites? Use the tailwind-v4-shadcn skill first, then install AI SDK:

توفر هذه المهارة مكونات واجهة مستخدم دردشة AI جاهزة للإنتاج ومبنية على shadcn/ui لواجهات الذكاء الاصطناعي للمحادثة. يُستخدم عند إنشاء واجهات دردشة بنمط ChatGPT مع استجابات متدفقة، أو عروض استدعاء الأداة/الوظيفة، أو تصور الاستدلال، أو اقتباسات المصدر. يوفر أكثر من 30 مكونًا بما في ذلك الرسالة والمحادثة والاستجابة وCodeBlock والتفكير والأداة والإجراءات والمصادر المحسنة لـ Vercel AI SDK v5. يمنع أخطاء الإعداد الشائعة مع Next.js App Router، وTailwind v4، وتكامل shadcn/ui، وترحيل AI SDK v5، وأنماط تكوين المكونات، وتوافق متصفح الإدخال الصوتي، ومشكلات التصميم سريع الاستجابة، وتحسين البث. الكلمات الرئيسية: عناصر ai، vercel-ai-sdk، shadcn، chatbot، المحادثة-ai، تدفق واجهة المستخدم، واجهة الدردشة، ai-chat، مكونات الرسائل، محادثة واجهة المستخدم، استدعاء الأدوات، عرض الاستدلال، استشهادات المصدر، تدفق تخفيض السعر، استدعاء الوظائف، استجابات الذكاء الاصطناعي، الإدخال الفوري، تسليط الضوء على التعليمات البرمجية، معاينة الويب، التنقل بين الفروع، عرض التفكير، أسلوب الحيرة، أعمال كلود المصدر: jackspace/claudeskillz.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-11

Browse more skills from jackspace/claudeskillz

إجابات سريعة

ما هي ai-elements-chatbot؟

توفر هذه المهارة مكونات واجهة مستخدم دردشة AI جاهزة للإنتاج ومبنية على shadcn/ui لواجهات الذكاء الاصطناعي للمحادثة. يُستخدم عند إنشاء واجهات دردشة بنمط ChatGPT مع استجابات متدفقة، أو عروض استدعاء الأداة/الوظيفة، أو تصور الاستدلال، أو اقتباسات المصدر. يوفر أكثر من 30 مكونًا بما في ذلك الرسالة والمحادثة والاستجابة وCodeBlock والتفكير والأداة والإجراءات والمصادر المحسنة لـ Vercel AI SDK v5. يمنع أخطاء الإعداد الشائعة مع Next.js App Router، وTailwind v4، وتكامل shadcn/ui، وترحيل AI SDK v5، وأنماط تكوين المكونات، وتوافق متصفح الإدخال الصوتي، ومشكلات التصميم سريع الاستجابة، وتحسين البث. الكلمات الرئيسية: عناصر ai، vercel-ai-sdk، shadcn، chatbot، المحادثة-ai، تدفق واجهة المستخدم، واجهة الدردشة، ai-chat، مكونات الرسائل، محادثة واجهة المستخدم، استدعاء الأدوات، عرض الاستدلال، استشهادات المصدر، تدفق تخفيض السعر، استدعاء الوظائف، استجابات الذكاء الاصطناعي، الإدخال الفوري، تسليط الضوء على التعليمات البرمجية، معاينة الويب، التنقل بين الفروع، عرض التفكير، أسلوب الحيرة، أعمال كلود المصدر: jackspace/claudeskillz.

كيف أثبّت ai-elements-chatbot؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/jackspace/claudeskillz

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-01