Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.
Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.
domain
engineering
subdomain
fullstack-development
difficulty
advanced
time-saved
TODO: Quantify time savings
frequency
TODO: Estimate usage frequency
use-cases
["Primary workflow for Senior Fullstack","Analysis and recommendations for senior fullstack tasks","Best practices implementation for senior fullstack","Integration with related skills and workflows"]
Expert-level fullstack development skill with production-ready tools for modern web application development. Covers architecture patterns, tech stack mastery, and automated quality analysis.
Overview
This skill provides comprehensive fullstack development capabilities through three core automation tools and extensive reference documentation. Whether you're scaffolding a new project, analyzing code quality, or implementing complex architecture patterns, this skill delivers production-ready solutions.
Use this skill when:
Starting new fullstack projects with modern tech stacks
Analyzing and improving code quality
Implementing microservices or clean architecture
Setting up development workflows and DevOps pipelines
Making technology stack decisions
Core Capabilities
1. Project Scaffolder
Generate production-ready fullstack projects with complete infrastructure.
Security best practices (authentication, authorization, validation)
Error handling and logging
Documentation standards
Git workflow and deployment practices
Quick Start Workflows
Workflow 1: New Project Setup
# 1. Generate project structure
python scripts/project_scaffolder.py my-app --type nextjs-graphql
# 2. Configure environmentcd my-app
cp .env.example .env# Edit .env with your configuration# 3. Start development services
docker-compose up -d
# 4. Run database migrations
npm run migrate
# 5. Start development server
npm run dev
Workflow 2: Code Quality Assessment
# 1. Run comprehensive analysis
python scripts/code_quality_analyzer.py ./
# 2. Review recommendations and fix issues
npm audit fix # Security vulnerabilities
npm run lint -- --fix # Linting errors
npm test# Run test suite# 3. Build for production
npm run build
# 4. Re-analyze to verify improvements
python scripts/code_quality_analyzer.py ./ --json
Workflow 3: Production Deployment
# 1. Ensure quality checks pass
npm test && npm run build
# 2. Build Docker image
docker build -t my-app:latest .
# 3. Deploy with Docker Compose
docker-compose -f docker-compose.prod.yml up -d
# Or deploy to Kubernetes
kubectl apply -f k8s/
# 4. Verify deployment
curl https://your-app.com/health