·ai-elements-workflow
>_

ai-elements-workflow

توفر هذه المهارة إرشادات لبناء تصورات سير العمل باستخدام Vercel AI Elements وReact Flow. ويجب استخدامه عند تنفيذ واجهات تفاعلية قائمة على العقد، أو مخططات سير العمل، أو تصورات تدفق العمليات في تطبيقات Next.js. يغطي مكونات اللوحة القماشية والعقدة والحافة والاتصال وعناصر التحكم واللوحة وشريط الأدوات.

15التثبيتات·1الرائج·@sstobo

التثبيت

$npx skills add https://github.com/sstobo/convex-skills --skill ai-elements-workflow

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

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

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

المصدر: sstobo/convex-skills.

This skill provides comprehensive guidance for building workflow visualizations using Vercel AI Elements with React Flow.

Use animated for active paths and temporary for conditional/error paths:

| Custom Node Components | Use NodeHeader, NodeTitle, NodeDescription, NodeContent, NodeFooter for structured layouts | | Node Toolbars | Attach contextual actions to nodes via Toolbar component | | Handle Configuration | Control connections with handles: { target: boolean, source: boolean } |

توفر هذه المهارة إرشادات لبناء تصورات سير العمل باستخدام Vercel AI Elements وReact Flow. ويجب استخدامه عند تنفيذ واجهات تفاعلية قائمة على العقد، أو مخططات سير العمل، أو تصورات تدفق العمليات في تطبيقات Next.js. يغطي مكونات اللوحة القماشية والعقدة والحافة والاتصال وعناصر التحكم واللوحة وشريط الأدوات. المصدر: sstobo/convex-skills.

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

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

أمر التثبيت
npx skills add https://github.com/sstobo/convex-skills --skill ai-elements-workflow
الفئة
>_الإنتاجية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from sstobo/convex-skills

إجابات سريعة

ما هي ai-elements-workflow؟

توفر هذه المهارة إرشادات لبناء تصورات سير العمل باستخدام Vercel AI Elements وReact Flow. ويجب استخدامه عند تنفيذ واجهات تفاعلية قائمة على العقد، أو مخططات سير العمل، أو تصورات تدفق العمليات في تطبيقات Next.js. يغطي مكونات اللوحة القماشية والعقدة والحافة والاتصال وعناصر التحكم واللوحة وشريط الأدوات. المصدر: sstobo/convex-skills.

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

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

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

https://github.com/sstobo/convex-skills