名称: senior-fullstack
描述: 全栈开发工具包,包含 Next.js/FastAPI/MERN/Django 技术栈的项目脚手架和代码质量分析功能。适用于新建项目、分析代码库质量或实现全栈架构模式。
具备项目脚手架和代码质量分析工具的全栈开发技能。
当你听到以下短语时,可使用此技能:
- “搭建一个新项目”
- “创建一个 Next.js 应用”
- “设置 FastAPI 与 React”
- “分析代码质量”
- “检查代码库中的安全问题”
- “我应该使用什么技术栈”
- “设置一个全栈项目”
- “生成项目样板代码”
生成包含样板代码的全栈项目结构。
支持的模板:
- nextjs - Next.js 14+(使用 App Router)、TypeScript、Tailwind CSS
- fastapi-react - FastAPI 后端 + React 前端 + PostgreSQL
- mern - MongoDB、Express、React、Node.js(使用 TypeScript)
- django-react - Django REST Framework + React 前端
用法:
# 列出可用模板
python scripts/project_scaffolder.py --list-templates
# 创建 Next.js 项目
python scripts/project_scaffolder.py nextjs my-app
# 创建 FastAPI + React 项目
python scripts/project_scaffolder.py fastapi-react my-api
# 创建 MERN 栈项目
python scripts/project_scaffolder.py mern my-project
# 创建 Django + React 项目
python scripts/project_scaffolder.py django-react my-app
# 指定输出目录
python scripts/project_scaffolder.py nextjs my-app --output ./projects
# JSON 格式输出
python scripts/project_scaffolder.py nextjs my-app --json
参数:
| 参数 | 描述 |
|---|---|
template |
模板名称(nextjs, fastapi-react, mern, django-react) |
project_name |
新项目目录的名称 |
--output, -o |
输出目录(默认:当前目录) |
--list-templates, -l |
列出所有可用模板 |
--json |
以 JSON 格式输出 |
输出内容包括:
- 包含所有必要文件的项目结构
- 包配置(package.json, requirements.txt)
- TypeScript 配置
- Docker 和 docker-compose 设置
- 环境文件模板
- 运行项目的后续步骤说明
分析全栈代码库的质量问题。
分析类别:
- 安全漏洞(硬编码密钥、注入风险)
- 代码复杂度指标(圈复杂度、嵌套深度)
- 依赖项健康度(过时包、已知 CVE)
- 测试覆盖率估算
- 文档质量
用法:
# 分析当前目录
python scripts/code_quality_analyzer.py .
# 分析指定项目
python scripts/code_quality_analyzer.py /path/to/project
# 详细输出,包含具体发现
python scripts/code_quality_analyzer.py . --verbose
# JSON 格式输出
python scripts/code_quality_analyzer.py . --json
# 将报告保存到文件
python scripts/code_quality_analyzer.py . --output report.json
参数:
| 参数 | 描述 |
|---|---|
project_path |
项目目录路径(默认:当前目录) |
--verbose, -v |
显示详细发现 |
--json |
以 JSON 格式输出 |
--output, -o |
将报告写入文件 |
输出内容包括:
- 总体评分(0-100)及字母等级
- 按严重程度分类的安全问题(严重、高、中、低)
- 高复杂度文件
- 包含 CVE 引用的易受攻击依赖项
- 测试覆盖率估算
- 文档完整性
- 优先级排序的建议
示例输出:
============================================================
代码质量分析报告
============================================================
总体评分:75/100(等级:C)
分析文件数:45
总代码行数:12,500
--- 安全 ---
严重:1
高:2
中:5
--- 复杂度 ---
平均复杂度:8.5
高复杂度文件:3
--- 建议 ---
1. [P0] 安全
问题:检测到潜在的硬编码密钥
操作:移除或保护第 42 行的敏感数据
# 1. 生成项目脚手架
python scripts/project_scaffolder.py nextjs my-saas-app
# 2. 进入目录并安装依赖
cd my-saas-app
npm install
# 3. 配置环境变量
cp .env.example .env.local
# 4. 运行质量检查
python ../scripts/code_quality_analyzer.py .
# 5. 启动开发服务器
npm run dev
# 1. 全面分析
python scripts/code_quality_analyzer.py /path/to/project --verbose
# 2. 生成详细报告
python scripts/code_quality_analyzer.py /path/to/project --json --output audit.json
# 3. 立即处理 P0 级别问题
# 4. 为 P1/P2 级别问题创建工单
使用技术栈指南评估选项:
详细对比请参阅 references/tech_stack_guide.md。
references/architecture_patterns.md)references/development_workflows.md)references/tech_stack_guide.md)| 需求 | 推荐方案 |
|---|---|
| SEO 关键型网站 | 使用 SSR 的 Next.js |
| 内部仪表盘 | React + Vite |
| API 优先的后端 | FastAPI 或 Fastify |
| 企业级规模 | NestJS + PostgreSQL |
| 快速原型开发 | Next.js API 路由 |
| 文档密集型数据 | MongoDB |
| 复杂查询 | PostgreSQL |
| 问题 | 解决方案 |
|---|---|
| N+1 查询 | 使用 DataLoader 或预加载 |
| 构建缓慢 | 检查包大小,使用懒加载 |
| 认证复杂 | 使用 Auth.js 或 Clerk |
| 类型错误 | 在 tsconfig 中启用严格模式 |
| CORS 问题 | 正确配置中间件 |