senior-fullstack
بناء تطبيقات ويب متكاملة
متاح أيضًا من: alirezarezvani
يتطلب بناء تطبيقات ويب متكاملة معرفة عميقة بالعديد من التقنيات والأنماط. توفر هذه المهارة أدوات الهيكلة وتحليل جودة الكود وإرشادات البنية المعمارية لمشاريع React و Next.js و Node.js و GraphQL و PostgreSQL.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "senior-fullstack". Scaffold a new Next.js project with TypeScript, Prisma, and PostgreSQL
النتيجة المتوقعة:
- تم إنشاء هيكل المشروع بنجاح
- الواجهة الأمامية: Next.js 14 مع App Router و TypeScript
- الخادم الخلفي: Next.js API routes مع Prisma ORM
- قاعدة البيانات: PostgreSQL schema مع نماذج User و Post
- المصادقة: NextAuth.js مكوّن
- التنسيق: Tailwind CSS مع ثيم مخصص
- الاختبار: إعداد Jest و React Testing Library
- Docker: تكوين بناء متعدد المراحل
- الخطوات التالية: قم بتشغيل npm install وتكوين ملف .env
استخدام "senior-fullstack". Analyze my React project for code quality issues
النتيجة المتوقعة:
- اكتمل التحليل: تم فحص 12 ملف
- مشاكل حرجة: 0
- أولوية عالية: 3 (غياب حدود الأخطاء، استخدام غير آمن للـ hooks)
- أولوية متوسطة: 7 (تحذيرات أنواع props، استيرادات غير مستخدمة)
- أولوية منخفضة: 2 (مشاكل تنسيق بسيطة)
- التوصيات: إضافة مكونات React Error Boundary، إصلاح جميع تبعيات useEffect، إزالة الاستيرادات غير المستخدمة
استخدام "senior-fullstack". Show me the repository pattern for Node.js
النتيجة المتوقعة:
- هيكل Repository Pattern:
- src/repositories/user.repository.ts - طبقة الوصول للبيانات
- src/services/user.service.ts - طبقة منطق الأعمال
- src/controllers/user.controller.ts - طبقة معالجة الطلبات
- الفوائد: فصل الاهتمامات، قابلية الاختبار، مرونة مصادر البيانات
- مثال: واجهة UserRepository مع طرق CRUD
التدقيق الأمني
آمنThis skill contains documentation and utility Python scripts for project scaffolding and code quality analysis. All scripts operate locally, read user-specified paths, and generate reports. No network calls, no external command execution, and no credential access. The static scanner flagged 72 false positives, primarily from documentation examples and hash identifiers in JSON metadata.
عوامل الخطر
⚡ يحتوي على سكربتات (3)
📁 الوصول إلى نظام الملفات (3)
درجة الجودة
ماذا يمكنك بناءه
بدء مشاريع جديدة
هيكلة سريعة لتطبيقات متكاملة جديدة مع بنية وإعدادات وفقاً لأفضل الممارسات
فرض المعايير
تحليل قواعد الأكواد الموجودة وتطبيق أنماط البنية المعمارية للحصول على جودة متسقة
تكوين النشر
إعداد عمليات النشر بالحاويات باستخدام Docker و Kubernetes وخطوط CI/CD
جرّب هذه الموجهات
Use the senior-fullstack skill to scaffold a new project at /path/to/project with React frontend, Node.js/Express backend, PostgreSQL database, and GraphQL API. Include Docker configuration.
Run the code quality analyzer on my project at /path/to/project. Show me findings and recommendations for improvement.
Help me implement the repository pattern in my Node.js backend. Show example code structure from the architecture patterns.
Set up GitHub Actions workflow for my fullstack project. Include testing, building, and Docker image deployment to container registry.
أفضل الممارسات
- استخدم أدوات الهيكلة لإنشاء بنية مشروع متسقة عبر فريقك
- قم بتشغيل تحليل جودة الكود قبل الإصدارات الرئيسية لاكتشاف المشاكل مبكراً
- اتبع توثيق أنماط البنية المعمارية للحصول على كود قابل للتوسع وسهل الصيانة
تجنب
- لا تتخطى مرحلة مراجعة البنية المعمارية عند توسيع التطبيقات
- تجنب خلط الأنماط المعمارية بشكل غير متسق داخل نفس المشروع
- لا تعتمد فقط على الأدوات الآلية دون فهم المبادئ الأساسية