# fullstack-init

> 初始化 Web 全栈开发技能包配置。当用户需要设置项目技术栈（前端框架、后端框架、数据库）、配置开发工作流（TDD、代码审查等）时使用此技能。

- Author: JC0v0
- Repository: JC0v0/web-fullstack-devkit
- Version: 20260124211105
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/JC0v0/web-fullstack-devkit
- Web: https://mule.run/skillshub/@@JC0v0/web-fullstack-devkit~fullstack-init:20260124211105

---

---
name: fullstack-init
description: 初始化 Web 全栈开发技能包配置。当用户需要设置项目技术栈（前端框架、后端框架、数据库）、配置开发工作流（TDD、代码审查等）时使用此技能。
---

# Web 全栈开发技能包 - 初始化配置

引导用户完成技能包配置。

## 使用场景

当用户执行 `/fullstack-init` 命令或需要配置项目技术栈时使用此技能。

## 配置流程

### Step 0: 依赖检查

在开始配置前，先检查外部依赖 Skills 是否已安装。

**检测方法**：使用 Bash 工具检查 `~/.claude/plugins/installed_plugins.json`

```bash
# 检测 jeffallan skills
if grep -q "fullstack-dev-skills@jeffallan" ~/.claude/plugins/installed_plugins.json 2>/dev/null; then
    echo "JEFFALLAN_INSTALLED=yes"
else
    echo "JEFFALLAN_INSTALLED=no"
fi

# 检测 superpowers
if grep -q "superpowers@superpowers-marketplace" ~/.claude/plugins/installed_plugins.json 2>/dev/null; then
    echo "SUPERPOWERS_INSTALLED=yes"
else
    echo "SUPERPOWERS_INSTALLED=no"
fi
```

**如果依赖已安装**：
- 显示 "✅ 依赖检查通过"
- 继续配置流程

**如果依赖未安装**：
- 显示以下提示并引导用户安装：

```
⚠️ 检测到推荐的外部 Skills 尚未安装：

┌─────────────────────────────────────────────────────────────────┐
│ 1. [Jeffallan/claude-skills] - 65 个专业全栈开发 Skills         │
│    - react-expert, vue-expert, angular-architect                │
│    - nestjs-expert, fastapi-expert, django-expert              │
│    - postgres-pro, database-optimizer                          │
│    - test-master, playwright-expert                            │
│    - 以及 50+ 其他专业 Skills                                   │
│                                                                 │
│ 2. [obra/superpowers] - 核心开发流程 Skills                     │
│    - brainstorming, writing-plans                              │
│    - test-driven-development, systematic-debugging             │
│    - verification-before-completion                            │
└─────────────────────────────────────────────────────────────────┘

这些 Skills 是使用本技能包的推荐依赖。

请执行以下命令安装：

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Step 1: 添加 Marketplace
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
/plugin marketplace add jeffallan/claude-skills
/plugin marketplace add obra/superpowers

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Step 2: 安装 Skills
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
/plugin install fullstack-dev-skills@jeffallan
/plugin install superpowers@superpowers-marketplace

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Step 3: 验证安装
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
/fullstack-init --verify-deps

安装完成后，请返回此会话继续配置。
```

等待用户手动执行安装命令，然后用户可选择：
- **选项 1**：输入"已安装完成"，重新检测
- **选项 2**：输入"跳过"，使用内置通用 Skills 继续配置

### Step 1: 确定配置位置

**如果用户指定 `--project`**：
- 配置文件路径：`<project-root>/.claude/web-fullstack-devkit/stack-config.yaml`
- 说明：此配置仅对当前项目生效，优先级高于全局配置

**如果用户未指定 `--project`**：
- 配置文件路径：`~/.claude/web-fullstack-devkit/config.yaml`
- 说明：全局默认配置，所有项目共享

### Step 2: 引导用户选择技术栈

依次询问用户以下配置：

**前端框架**：
- React (Next.js, TypeScript, Tailwind, shadcn/ui)
- Vue (Vue 3, Composition API, Pinia, Element Plus)
- Angular (Angular 18, Signals, Angular Material)

**后端框架**：
- NestJS (TypeScript, Prisma)
- FastAPI (Python, SQLAlchemy)
- Django (Python, Django ORM)
- Spring Boot (Java, Spring Data JPA)
- Express (TypeScript, TypeORM)

**数据库**：
- PostgreSQL
- MongoDB
- MySQL

**测试框架**：
- Playwright (E2E)
- Vitest/Jest (Unit)
- Pytest (Python)

### Step 3: 工作流配置

询问用户是否启用：
- TDD（测试驱动开发）
- 代码审查
- Git Worktree
- 安全扫描

### Step 4: 生成配置文件

创建 `stack-config.yaml` 文件：

```yaml
# Web 全栈开发技能包配置文件

frontend:
  framework: {{user_choice}}
  ui_library: {{auto_selected}}
  styling: {{auto_selected}}
  language: typescript

backend:
  framework: {{user_choice}}
  runtime: {{auto_detected}}
  language: {{auto_detected}}
  orm: {{auto_selected}}

database:
  type: {{user_choice}}
  orm: {{auto_selected}}

testing:
  e2e: playwright
  unit: {{framework_based}}
  api: {{framework_based}}

workflow:
  tdd_enabled: {{user_choice}}
  code_review: {{user_choice}}
  git_worktree: {{user_choice}}
  security_scan: {{user_choice}}
```

### Step 5: 显示外部 Skills 安装建议

配置完成后，推荐用户安装以下外部 Skills：

```bash
# 安装 Jeffallan 的 65 个全栈 Skills
/plugin marketplace add jeffallan/claude-skills
/plugin install fullstack-dev-skills@jeffallan
```