أنشئ مكونات React باتباع أفضل الممارسات مع إدارة حالة TypeScript وTailwind CSS وZustand. استخدم هذه المهارة عندما يطلب المستخدم إنشاء مكونات React أو عناصر واجهة المستخدم أو إنشاء المكونات. يدعم أنماط المكونات الشائعة بما في ذلك المكونات الأساسية والنماذج والقوائم والبطاقات والأزرار والنماذج والمكونات ذات الحالة مع تكامل Zustand.
ثبّت مهارة الذكاء الاصطناعي react-component-generator بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: smallnest/langgraphgo.
This skill provides templates and best practices for generating high-quality React components using TypeScript, Tailwind CSS, and Zustand for state management.
Generate production-ready React components that follow industry best practices and maintain consistency across the codebase. The skill includes pre-built templates for common component patterns and comprehensive best practices documentation.
The skill provides the following templates in the assets/ directory:
أنشئ مكونات React باتباع أفضل الممارسات مع إدارة حالة TypeScript وTailwind CSS وZustand. استخدم هذه المهارة عندما يطلب المستخدم إنشاء مكونات React أو عناصر واجهة المستخدم أو إنشاء المكونات. يدعم أنماط المكونات الشائعة بما في ذلك المكونات الأساسية والنماذج والقوائم والبطاقات والأزرار والنماذج والمكونات ذات الحالة مع تكامل Zustand. المصدر: smallnest/langgraphgo.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/smallnest/langgraphgo --skill react-component-generatorأنشئ مكونات React باتباع أفضل الممارسات مع إدارة حالة TypeScript وTailwind CSS وZustand. استخدم هذه المهارة عندما يطلب المستخدم إنشاء مكونات React أو عناصر واجهة المستخدم أو إنشاء المكونات. يدعم أنماط المكونات الشائعة بما في ذلك المكونات الأساسية والنماذج والقوائم والبطاقات والأزرار والنماذج والمكونات ذات الحالة مع تكامل Zustand. المصدر: smallnest/langgraphgo.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/smallnest/langgraphgo --skill react-component-generator بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/smallnest/langgraphgo