senior-fullstack
بناء تطبيقات ويب متكاملة
Également disponible depuis: sickn33,alirezarezvani
يتطلب بناء تطبيقات ويب متكاملة معرفة عميقة بالعديد من التقنيات والأنماط. توفر هذه المهارة أدوات الهيكلة وتحليل جودة الكود وإرشادات البنية المعمارية لمشاريع React و Next.js و Node.js و GraphQL و PostgreSQL.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "senior-fullstack". Scaffold a new Next.js project with TypeScript, Prisma, and PostgreSQL
Résultat attendu:
- تم إنشاء هيكل المشروع بنجاح
- الواجهة الأمامية: 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
Utilisation de "senior-fullstack". Analyze my React project for code quality issues
Résultat attendu:
- اكتمل التحليل: تم فحص 12 ملف
- مشاكل حرجة: 0
- أولوية عالية: 3 (غياب حدود الأخطاء، استخدام غير آمن للـ hooks)
- أولوية متوسطة: 7 (تحذيرات أنواع props، استيرادات غير مستخدمة)
- أولوية منخفضة: 2 (مشاكل تنسيق بسيطة)
- التوصيات: إضافة مكونات React Error Boundary، إصلاح جميع تبعيات useEffect، إزالة الاستيرادات غير المستخدمة
Utilisation de "senior-fullstack". Show me the repository pattern for Node.js
Résultat attendu:
- هيكل Repository Pattern:
- src/repositories/user.repository.ts - طبقة الوصول للبيانات
- src/services/user.service.ts - طبقة منطق الأعمال
- src/controllers/user.controller.ts - طبقة معالجة الطلبات
- الفوائد: فصل الاهتمامات، قابلية الاختبار، مرونة مصادر البيانات
- مثال: واجهة UserRepository مع طرق CRUD
Audit de sécurité
SûrThis 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.
Facteurs de risque
⚡ Contient des scripts (3)
📁 Accès au système de fichiers (3)
Score de qualité
Ce que vous pouvez construire
بدء مشاريع جديدة
هيكلة سريعة لتطبيقات متكاملة جديدة مع بنية وإعدادات وفقاً لأفضل الممارسات
فرض المعايير
تحليل قواعد الأكواد الموجودة وتطبيق أنماط البنية المعمارية للحصول على جودة متسقة
تكوين النشر
إعداد عمليات النشر بالحاويات باستخدام Docker و Kubernetes وخطوط CI/CD
Essayez ces prompts
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.
Bonnes pratiques
- استخدم أدوات الهيكلة لإنشاء بنية مشروع متسقة عبر فريقك
- قم بتشغيل تحليل جودة الكود قبل الإصدارات الرئيسية لاكتشاف المشاكل مبكراً
- اتبع توثيق أنماط البنية المعمارية للحصول على كود قابل للتوسع وسهل الصيانة
Éviter
- لا تتخطى مرحلة مراجعة البنية المعمارية عند توسيع التطبيقات
- تجنب خلط الأنماط المعمارية بشكل غير متسق داخل نفس المشروع
- لا تعتمد فقط على الأدوات الآلية دون فهم المبادئ الأساسية