ما هي ai-elements؟
مكتبة مكونات AI Elements لتطبيقات الذكاء الاصطناعي الأصلية. يُستخدم عند إنشاء روبوتات الدردشة أو سير عمل الذكاء الاصطناعي أو التكامل مع خطاف useChat الخاص بـ Vercel AI SDK. المصدر: laguagu/claude-code-nextjs-skills.
·ai-elements
</>
ai-elements
✓laguagu/claude-code-nextjs-skillsGitHub: laguagu/claude-code-nextjs-skillsالمصدر: laguagu/claude-code-nextjs-skills
مكتبة مكونات AI Elements لتطبيقات الذكاء الاصطناعي الأصلية. يُستخدم عند إنشاء روبوتات الدردشة أو سير عمل الذكاء الاصطناعي أو التكامل مع خطاف useChat الخاص بـ Vercel AI SDK.
كيفية تثبيت ai-elements
ثبّت مهارة الذكاء الاصطناعي ai-elements بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: laguagu/claude-code-nextjs-skills.
SKILL.md
عرض النص الخام| Conversation | Auto-scroll chat container | | Message | Single message wrapper (user/assistant) | | MessageResponse | Streaming markdown renderer (uses streamdown) | | PromptInput | Rich input with attachments, model picker | | Reasoning | Collapsible thinking display | | Sources | Citation/reference display | | Tool | Tool execution visualization |
| ChainOfThought | Step-by-step breakdown | | InlineCitation | Inline citation badge with hover card carousel | | Plan | Collapsible plan card with streaming title | | Task | Collapsible task breakdown display | | Queue | Todo/message queue with sections |
| Canvas | React Flow wrapper for visual workflows | | Node | Workflow node with header/content/footer | | Edge | Animated/temporary edge connections | | Controls | Zoom/fit view controls | | Panel | Positioned overlay panels | | Context | Token usage tracking display |
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت ai-elements؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/laguagu/claude-code-nextjs-skills
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01