file-organization
نظّم ملفات مشروعك كمحترف
هياكل المجلدات الفوضوية تبطئ التطوير وتربك أعضاء الفريق. توفر هذه المهارة أنماطًا مثبتة لتنظيم الملفات في مشاريع React و Node.js والمشاريع القائمة على الميزات التي تتماشى مع قاعدة الكود الخاصة بك.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“file-organization”。 إنشاء بنية لتطبيق React للتجارة الإلكترونية
预期结果:
- src/
- ├── app/
- │ ├── layout.tsx
- │ └── page.tsx
- ├── components/
- │ ├── ui/
- │ │ ├── Button/
- │ │ └── Input/
- │ └── features/
- │ ├── products/
- │ └── cart/
- ├── lib/
- │ ├── api/
- │ └── hooks/
- ├── store/
- ├── types/
- └── config/
正在使用“file-organization”。 عرض اتفاقيات التسمية لملفات TypeScript
预期结果:
- المكونات: UserProfile.tsx (PascalCase)
- الخطافات: useAuth.ts (camelCase مع بادئة 'use')
- الأدوات: formatDate.ts (camelCase)
- الثوابت: API_ENDPOINTS.ts (UPPER_SNAKE_CASE)
- الأنواع: user.types.ts (camelCase.types.ts)
- الاختبارات: UserProfile.test.ts (*.test.ts)
安全审计
安全All 43 static analysis findings are false positives. The skill is purely educational documentation containing markdown code examples showing file structure patterns, naming conventions, and best practices. No executable code, command injection, or malicious behavior detected. Code blocks marked as Ruby/shell execution are documentation examples. URLs and file paths are reference links and template structures, not actual code execution.
质量评分
你能构建什么
بدء مشروع React جديد
أنشئ ب��رعة بنية مجلدات قابلة للتوسع لتطبيق React أو Next.js جديد مع فصل صحيح للمكونات والخطافات والأدوات وملفات التكوين.
إعادة بناء قاعدة كود متنامية
أعد هيكلة مشروع غير منظم أصبح من الصعب التنقل فيه من خلال تنفيذ التنظيم القائم على الميزات وأنماط التسمية المتسقة.
توحيد معايير الفريق
أنشئ ووثق معايير تنظيم الملفات التي يتبعها جميع أعضاء الفريق، مما يقلل الارتباك ووقت التهيئة للمطورين الجدد.
试试这些提示
إنشاء بنية مجلدات لمشروع React جديد مع مكونات وخطافات وأدو��ت وإعداد عميل API.
إنشاء بنية مشروع Next.js 13+ باستخدام App Router مع مجموعات مسارات لأقسام المصادقة ولوحة التحكم.
تصميم بنية خلفية Node.js و Express مع فصل صحيح للمسارات ووحدات التحكم والخدمات والمستودعات والبرمجيات الوسيطة.
تحويل بنية مشروعي الحالية القائمة على المكونات إلى تنظيم قائم على الميزات مع وحدات مستقلة ذاتيًا لميزات المصادقة والمنتجات والطلبات.
最佳实践
- احتفظ بالملفات ذات الصلة معًا من خلال التنسيق: ضع اختبارات المكون والأنماط والأنواع في نفس المجلد مثل المكون
- استخدم التنظيم القائم على الميزات للتطبيقات الكبيرة بدلاً من التجميع حسب نوع الملف (components/، hooks/، utils/)
- كوّن أسماء TypeScript المستعارة للمسار لاستبدال الاستيرادات النسبية مثل '../../../components/ui/Button' بـ '@/components/ui/Button'
避免
- إنشاء أسماء مجلدات غامضة مثل utils/ أو helpers/ أو misc/ أو common/ التي تجمع كودًا غير مرتبط
- تداخل المجلدات أعمق من 5-7 مستويات مما يجعل التنقل والاستيرادات صعبًا
- استخدام export * from './module' في ملفات barrel مما يؤثر سلبًا على tree-shaking ويجعل التصحيح أصعب