[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-bb4f3298-dca6-4d8e-9edd-d1a01f057292":3,"$fJ3DGFC-W1rJtnYoLr9_9QlhFS32T6E1Ihmho35LRbQs":43},{"id":4,"title":5,"description":6,"categoryId":7,"moduleId":8,"tags":9,"prompt":10,"icon":11,"source":12,"sourceUrl":13,"authorId":14,"authorName":15,"isPublic":16,"stars":17,"runs":18,"createdAt":19,"updatedAt":19,"module":20,"category":27,"packages":33},"bb4f3298-dca6-4d8e-9edd-d1a01f057292","senior-fullstack","全栈开发工具包，包括Next.js、FastAPI、MERN和Django框架的项目脚手架，代码质量分析（包含安全性和复杂性评分），以及堆栈选择指南。当用户请求“搭建新项目”、“创建Next.js应用”、“使用React设置FastAPI”、“分析代码质量”、“审计我的代码库”、“我应该使用哪个堆栈”、“生成项目模板”或提及全栈开发、项目设置或技术堆栈比较时使用。","cat_coding_backend","mod_coding","alirezarezvani,coding","---\nname: \"senior-fullstack\"\ndescription: Fullstack development toolkit with project scaffolding for Next.js, FastAPI, MERN, and Django stacks, code quality analysis with security and complexity scoring, and stack selection guidance. Use when the user asks to \"scaffold a new project\", \"create a Next.js app\", \"set up FastAPI with React\", \"analyze code quality\", \"audit my codebase\", \"what stack should I use\", \"generate project boilerplate\", or mentions fullstack development, project setup, or tech stack comparison.\n---\n\n# Senior Fullstack\n\nFullstack development skill with project scaffolding and code quality analysis tools.\n\n---\n\n## Table of Contents\n\n- [Trigger Phrases](#trigger-phrases)\n- [Tools](#tools)\n- [Workflows](#workflows)\n- [Reference Guides](#reference-guides)\n\n---\n\n## Trigger Phrases\n\nUse this skill when you hear:\n- \"scaffold a new project\"\n- \"create a Next.js app\"\n- \"set up FastAPI with React\"\n- \"analyze code quality\"\n- \"check for security issues in codebase\"\n- \"what stack should I use\"\n- \"set up a fullstack project\"\n- \"generate project boilerplate\"\n\n---\n\n## Tools\n\n### Project Scaffolder\n\nGenerates fullstack project structures with boilerplate code.\n\n**Supported Templates:**\n- `nextjs` - Next.js 14+ with App Router, TypeScript, Tailwind CSS\n- `fastapi-react` - FastAPI backend + React frontend + PostgreSQL\n- `mern` - MongoDB, Express, React, Node.js with TypeScript\n- `django-react` - Django REST Framework + React frontend\n\n**Usage:**\n\n```bash\n# List available templates\npython scripts\u002Fproject_scaffolder.py --list-templates\n\n# Create Next.js project\npython scripts\u002Fproject_scaffolder.py nextjs my-app\n\n# Create FastAPI + React project\npython scripts\u002Fproject_scaffolder.py fastapi-react my-api\n\n# Create MERN stack project\npython scripts\u002Fproject_scaffolder.py mern my-project\n\n# Create Django + React project\npython scripts\u002Fproject_scaffolder.py django-react my-app\n\n# Specify output directory\npython scripts\u002Fproject_scaffolder.py nextjs my-app --output .\u002Fprojects\n\n# JSON output\npython scripts\u002Fproject_scaffolder.py nextjs my-app --json\n```\n\n**Parameters:**\n\n| Parameter | Description |\n|-----------|-------------|\n| `template` | Template name (nextjs, fastapi-react, mern, django-react) |\n| `project_name` | Name for the new project directory |\n| `--output, -o` | Output directory (default: current directory) |\n| `--list-templates, -l` | List all available templates |\n| `--json` | Output in JSON format |\n\n**Output includes:**\n- Project structure with all necessary files\n- Package configurations (package.json, requirements.txt)\n- TypeScript configuration\n- Docker and docker-compose setup\n- Environment file templates\n- Next steps for running the project\n\n---\n\n### Code Quality Analyzer\n\nAnalyzes fullstack codebases for quality issues.\n\n**Analysis Categories:**\n- Security vulnerabilities (hardcoded secrets, injection risks)\n- Code complexity metrics (cyclomatic complexity, nesting depth)\n- Dependency health (outdated packages, known CVEs)\n- Test coverage estimation\n- Documentation quality\n\n**Usage:**\n\n```bash\n# Analyze current directory\npython scripts\u002Fcode_quality_analyzer.py .\n\n# Analyze specific project\npython scripts\u002Fcode_quality_analyzer.py \u002Fpath\u002Fto\u002Fproject\n\n# Verbose output with detailed findings\npython scripts\u002Fcode_quality_analyzer.py . --verbose\n\n# JSON output\npython scripts\u002Fcode_quality_analyzer.py . --json\n\n# Save report to file\npython scripts\u002Fcode_quality_analyzer.py . --output report.json\n```\n\n**Parameters:**\n\n| Parameter | Description |\n|-----------|-------------|\n| `project_path` | Path to project directory (default: current directory) |\n| `--verbose, -v` | Show detailed findings |\n| `--json` | Output in JSON format |\n| `--output, -o` | Write report to file |\n\n**Output includes:**\n- Overall score (0-100) with letter grade\n- Security issues by severity (critical, high, medium, low)\n- High complexity files\n- Vulnerable dependencies with CVE references\n- Test coverage estimate\n- Documentation completeness\n- Prioritized recommendations\n\n**Sample Output:**\n\n```\n============================================================\nCODE QUALITY ANALYSIS REPORT\n============================================================\n\nOverall Score: 75\u002F100 (Grade: C)\nFiles Analyzed: 45\nTotal Lines: 12,500\n\n--- SECURITY ---\n  Critical: 1\n  High: 2\n  Medium: 5\n\n--- COMPLEXITY ---\n  Average Complexity: 8.5\n  High Complexity Files: 3\n\n--- RECOMMENDATIONS ---\n1. [P0] SECURITY\n   Issue: Potential hardcoded secret detected\n   Action: Remove or secure sensitive data at line 42\n```\n\n---\n\n## Workflows\n\n### Workflow 1: Start New Project\n\n1. Choose appropriate stack based on requirements (see Stack Decision Matrix)\n2. Scaffold project structure\n3. Verify scaffold: confirm `package.json` (or `requirements.txt`) exists\n4. Run initial quality check — address any P0 issues before proceeding\n5. Set up development environment\n\n```bash\n# 1. Scaffold project\npython scripts\u002Fproject_scaffolder.py nextjs my-saas-app\n\n# 2. Verify scaffold succeeded\nls my-saas-app\u002Fpackage.json\n\n# 3. Navigate and install\ncd my-saas-app\nnpm install\n\n# 4. Configure environment\ncp .env.example .env.local\n\n# 5. Run quality check\npython ..\u002Fscripts\u002Fcode_quality_analyzer.py .\n\n# 6. Start development\nnpm run dev\n```\n\n### Workflow 2: Audit Existing Codebase\n\n1. Run code quality analysis\n2. Review security findings — fix all P0 (critical) issues immediately\n3. Re-run analyzer to confirm P0 issues are resolved\n4. Create tickets for P1\u002FP2 issues\n\n```bash\n# 1. Full analysis\npython scripts\u002Fcode_quality_analyzer.py \u002Fpath\u002Fto\u002Fproject --verbose\n\n# 2. Generate detailed report\npython scripts\u002Fcode_quality_analyzer.py \u002Fpath\u002Fto\u002Fproject --json --output audit.json\n\n# 3. After fixing P0 issues, re-run to verify\npython scripts\u002Fcode_quality_analyzer.py \u002Fpath\u002Fto\u002Fproject --verbose\n```\n\n### Workflow 3: Stack Selection\n\nUse the tech stack guide to evaluate options:\n\n1. **SEO Required?** → Next.js with SSR\n2. **API-heavy backend?** → Separate FastAPI or NestJS\n3. **Real-time features?** → Add WebSocket layer\n4. **Team expertise** → Match stack to team skills\n\nSee `references\u002Ftech_stack_guide.md` for detailed comparison.\n\n---\n\n## Reference Guides\n\n### Architecture Patterns (`references\u002Farchitecture_patterns.md`)\n\n- Frontend component architecture (Atomic Design, Container\u002FPresentational)\n- Backend patterns (Clean Architecture, Repository Pattern)\n- API design (REST conventions, GraphQL schema design)\n- Database patterns (connection pooling, transactions, read replicas)\n- Caching strategies (cache-aside, HTTP cache headers)\n- Authentication architecture (JWT + refresh tokens, sessions)\n\n### Development Workflows (`references\u002Fdevelopment_workflows.md`)\n\n- Local development setup (Docker Compose, environment config)\n- Git workflows (trunk-based, conventional commits)\n- CI\u002FCD pipelines (GitHub Actions examples)\n- Testing strategies (unit, integration, E2E)\n- Code review process (PR templates, checklists)\n- Deployment strategies (blue-green, canary, feature flags)\n- Monitoring and observability (logging, metrics, health checks)\n\n### Tech Stack Guide (`references\u002Ftech_stack_guide.md`)\n\n- Frontend frameworks comparison (Next.js, React+Vite, Vue)\n- Backend frameworks (Express, Fastify, NestJS, FastAPI, Django)\n- Database selection (PostgreSQL, MongoDB, Redis)\n- ORMs (Prisma, Drizzle, SQLAlchemy)\n- Authentication solutions (Auth.js, Clerk, custom JWT)\n- Deployment platforms (Vercel, Railway, AWS)\n- Stack recommendations by use case (MVP, SaaS, Enterprise)\n\n---\n\n## Quick Reference\n\n### Stack Decision Matrix\n\n| Requirement | Recommendation |\n|-------------|---------------|\n| SEO-critical site | Next.js with SSR |\n| Internal dashboard | React + Vite |\n| API-first backend | FastAPI or Fastify |\n| Enterprise scale | NestJS + PostgreSQL |\n| Rapid prototype | Next.js API routes |\n| Document-heavy data | MongoDB |\n| Complex queries | PostgreSQL |\n\n### Common Issues\n\n| Issue | Solution |\n|-------|----------|\n| N+1 queries | Use DataLoader or eager loading |\n| Slow builds | Check bundle size, lazy load |\n| Auth complexity | Use Auth.js or Clerk |\n| Type errors | Enable strict mode in tsconfig |\n| CORS issues | Configure middleware properly |\n","","imported","https:\u002F\u002Fgithub.com\u002Falirezarezvani\u002Fclaude-skills","user_system_seed","SkillOPIC",true,225,1293,"2026-05-16 13:57:38",{"id":8,"name":21,"slug":22,"icon":23,"description":24,"sort":25,"createdAt":26},"编程开发","coding","mdi-code-braces","代码生成、调试、审查，提升开发效率",2,"2026-05-16 12:53:40",{"id":7,"name":28,"slug":29,"icon":30,"description":31,"moduleId":8,"sort":25,"skillCount":32,"createdAt":26},"后端开发","backend","mdi-server","API、数据库、服务端架构",296,[34],{"id":35,"skillId":4,"version":36,"fileName":37,"fileSize":38,"filePath":39,"fileHash":40,"manifest":41,"createdAt":42},"3ae34a35-0cbb-40a0-b248-8e922aeeeca5","1.0.0","senior-fullstack.zip",35406,"uploads\u002Fskills\u002Fbb4f3298-dca6-4d8e-9edd-d1a01f057292\u002Fsenior-fullstack.zip","531e3b4723a86df19ebde7a931d4477af73aea36d4e4518d6542bbd7592983f4","[{\"path\":\"SKILL.md\",\"isDirectory\":false,\"size\":8189},{\"path\":\"references\u002Farchitecture_patterns.md\",\"isDirectory\":false,\"size\":12973},{\"path\":\"references\u002Fdevelopment_workflows.md\",\"isDirectory\":false,\"size\":16778},{\"path\":\"references\u002Ftech_stack_guide.md\",\"isDirectory\":false,\"size\":14100},{\"path\":\"scripts\u002Fcode_quality_analyzer.py\",\"isDirectory\":false,\"size\":22418},{\"path\":\"scripts\u002Fproject_scaffolder.py\",\"isDirectory\":false,\"size\":27328}]","2026-05-16 13:57:39",{"code":44,"message":45,"data":46},200,"success",{"items":47,"stats":48,"page":51},[],{"averageRating":49,"totalRatings":49,"ratingCounts":50},0,[49,49,49,49,49],{"limit":52,"offset":49,"hasMore":53,"nextOffset":52,"ratedOnly":16},15,false]