senior-fullstack
Créez des applications fullstack avec les meilleures pratiques senior
Également disponible depuis: davila7,alirezarezvani
Construire des applications fullstack modernes nécessite une coordination entre plusieurs frameworks et meilleures pratiques. Cette compétence fournit un échafaudage automatisé, une analyse de qualité de code et des modèles d'architecture pour aider les développeurs à créer des applications prêtes pour la production plus rapidement.
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". Générer un nouveau projet fullstack
Résultat attendu:
Project scaffolded successfully at /my-app with the following structure:
- Next.js 14 app with App Router
- Node.js Express API
- PostgreSQL database setup
- GraphQL schema
- TypeScript configuration
Next steps:
1. cd /my-app
2. npm install
3. Configure .env file
4. Run npm run dev
Utilisation de "senior-fullstack". Analyser la qualité du code
Résultat attendu:
Code Quality Report:
Issues Found: 3
- High: 1 (Missing input validation)
- Medium: 2 (Unused imports)
Recommendations:
1. Add input validation middleware
2. Remove unused imports
3. Consider adding error boundaries
Audit de sécurité
Risque faibleStatic analysis detected 58 potential issues, but evaluation confirms all are false positives or benign functionality. The skill consists of legitimate scaffolding and code analysis scripts. No malicious intent or security vulnerabilities identified. The detected patterns are: markdown code blocks misidentified as shell commands, normal text flagged as crypto algorithms, and standard file operations in scaffolding tools.
Problèmes à risque moyen (1)
Facteurs de risque
⚡ Contient des scripts
📁 Accès au système de fichiers (1)
Score de qualité
Ce que vous pouvez construire
Initialiser un nouveau projet
Générez rapidement un nouveau projet fullstack avec une structure prédéfinie, les meilleures pratiques et des contrôles de qualité intégrés.
Analyser une base de code existante
Exécutez l'analyse de qualité de code sur des projets existants pour identifier les problèmes, les goulots d'étranglement de performance et les opportunités d'amélioration.
Apprendre les modèles d'architecture
Consultez une documentation complète sur les modèles d'architecture fullstack, les flux de travail de développement et les meilleures pratiques de stack technologique.
Essayez ces prompts
Use the senior-fullstack skill to scaffold a new Next.js project with PostgreSQL at /my-new-app. Include GraphQL API setup.
Run the code quality analyzer on my project at /my-project. Provide a detailed report on code issues and improvements.
What are the recommended architecture patterns for a React frontend with Node.js GraphQL API?
Help me set up a development workflow for a fullstack Next.js + Node.js project with TypeScript.
Bonnes pratiques
- Toujours examiner le code généré avant de le committer pour s'assurer qu'il correspond à vos exigences
- Utiliser les modèles d'architecture fournis comme points de départ et les adapter à vos besoins spécifiques
- Exécuter l'analyseur de qualité de code régulièrement pendant le développement pour détecter les problèmes tôt
Éviter
- Ne pas sauter l'examen de la structure de projet générée - personnalisez ce dont vous avez besoin
- Éviter d'utiliser les configurations par défaut sans d'abord les comprendre
- Ne pas compter uniquement sur l'échafaudage - comprendre le code généré pour le maintenir correctement