يوفر اصطلاحات تنظيم الملفات لمشاريع React وNext.js. يُستخدم عند إنشاء ملفات أو مكونات أو خطافات أو أدوات مساعدة أو خدمات جديدة. يتم تشغيل أسئلة مثل "أين يجب أن يذهب هذا؟"، أو "أين أضع هذا؟"، أو عند الاختيار بين تحديد موقع مشترك مقابل تجميع الملفات.
ثبّت مهارة الذكاء الاصطناعي organizing-project-files بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: augmnt/webdev-skills.
Colocate by feature when possible. Group by type only for truly shared code.
| A button | components/ui/Button.tsx | | A login form | components/auth/LoginForm.tsx | | User data fetching | services/user.ts or hooks/queries/useUser.ts | | Date formatter | lib/utils.ts | | Auth state | stores/auth.ts | | Supabase types | types/supabase.ts (generated) | | Custom type | types/index.ts or colocate |
For App Router specifics, barrel files, and monorepo structures, see PATTERNS.md.
يوفر اصطلاحات تنظيم الملفات لمشاريع React وNext.js. يُستخدم عند إنشاء ملفات أو مكونات أو خطافات أو أدوات مساعدة أو خدمات جديدة. يتم تشغيل أسئلة مثل "أين يجب أن يذهب هذا؟"، أو "أين أضع هذا؟"، أو عند الاختيار بين تحديد موقع مشترك مقابل تجميع الملفات. المصدر: augmnt/webdev-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/augmnt/webdev-skills --skill organizing-project-filesيوفر اصطلاحات تنظيم الملفات لمشاريع React وNext.js. يُستخدم عند إنشاء ملفات أو مكونات أو خطافات أو أدوات مساعدة أو خدمات جديدة. يتم تشغيل أسئلة مثل "أين يجب أن يذهب هذا؟"، أو "أين أضع هذا؟"، أو عند الاختيار بين تحديد موقع مشترك مقابل تجميع الملفات. المصدر: augmnt/webdev-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/augmnt/webdev-skills --skill organizing-project-files بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/augmnt/webdev-skills