全栈开发伴侣 — 自动检测当前项目类型（前端/后端/全栈），路由到对应的开发模式，内置后端开发、前端开发、代码规范三套子流程
全栈开发伴侣
功能概述
全栈开发伴侣是一项面向实际任务的技能，主要用于这是一个 自动项目检测 + 开发模式路由 的入口 skill；启动后自动分析当前项目类型，引导用户进入正确的开发流程；
核心要点
- 内置三套子流程（均为本 skill 的内部资源）：；
- backend-dev.md — 后端开发流程；
- frontend-dev.md — 前端开发流程；
使用与执行
code-style.md — 前端代码规范（被 frontend-dev 引用）；第一步：项目类型。它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；
结果检查与注意事项
若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。该技能适合用于一次性任务，也可以接入自动化工作流，与其他技能或上层代理配合完成更完整的业务链路；在组合使用时，应明确每一步的输入输出关系，并避免不同步骤之间出现参数冲突。
全栈开发伴侣
任务定位
这是一个 自动项目检测 + 开发模式路由 的入口 skill。
启动后自动分析当前项目类型，引导用户进入正确的开发流程。
内置三套子流程（均为本 skill 的内部资源）：
backend-dev.md— 后端开发流程frontend-dev.md— 前端开发流程code-style.md— 前端代码规范（被 frontend-dev 引用）
第一步：项目类型检测
扫描当前项目根目录，按以下规则判断项目类型：
前端项目特征（命中任意一条即判定为前端）
| 检测项 | 文件 / 目录 |
|---|---|
| Vue 项目 | package.json 含 vue 依赖，或存在 vite.config.ts / vue.config.js |
| React 项目 | package.json 含 react 依赖，或存在 next.config.* |
| 通用前端 | package.json 含 webpack / vite / rollup 等构建工具 |
| 纯 Node 前端 | 存在 src/views/ 或 src/pages/ 或 src/components/ 目录 |
后端项目特征（命中任意一条即判定为后端）
| 检测项 | 文件 / 目录 |
|---|---|
| PHP / Laravel | composer.json 存在，或存在 artisan 文件，或存在 routes/api.php |
| Go / Gin | go.mod 存在，或存在 main.go |
| Python / Django | manage.py 存在，或存在 requirements.txt + wsgi.py |
| Python / FastAPI | requirements.txt 或 pyproject.toml 含 fastapi |
| Python / Flask | requirements.txt 或 pyproject.toml 含 flask |
| Node / Express | package.json 含 express 依赖且无前端框架依赖 |
| Node / NestJS | package.json 含 @nestjs/core |
| Java / Spring | pom.xml 或 build.gradle 存在 |
| Rust | Cargo.toml 存在 |
全栈项目特征
同时命中前端和后端特征 → 全栈项目。
无法判断
以上规则均未命中 → 询问用户。
第二步：输出检测结果
向用户展示检测结果，格式如下：
项目类型检测结果：
- 项目类型：{前端 / 后端 / 全栈}
- 框架：{Laravel / Vue3 / Go+Gin / ...}
- 检测依据：{命中的特征文件}
即将进入 {对应开发模式}，是否确认？
- 输入 y 或回车确认
- 输入 frontend / backend 手动指定模式
等待用户确认后再进入对应流程。
第三步：路由到对应开发流程
根据检测结果（或用户手动指定），读取本 skill 目录下的对应资源文件并激活：
| 项目类型 | 激活流程 | 资源文件 |
|---|---|---|
| 后端项目 | 后端开发 | 读取 backend-dev.md（与本 SKILL.md 同目录） |
| 前端项目 | 前端开发 | 读取 frontend-dev.md（与本 SKILL.md 同目录） |
| 全栈项目 | 询问用户本次工作范围，再路由 | — |
全栈项目处理
如果检测到全栈项目，额外询问：
检测到全栈项目。本次开发聚焦哪个方向？
- 后端开发（进入后端开发流程）
- 前端开发（进入前端开发流程）
- 全栈开发（先后端再前端，顺序执行）
选择全栈开发时：
- 先执行
backend-dev.md流程，完成后端实现和接口文档 - 再执行
frontend-dev.md流程，基于刚生成的接口文档实现前端
第四步：激活目标流程
读取目标资源文件，按照其中定义的流程执行。
从目标流程的第一步开始，完整执行其定义的开发流程。
前端流程额外说明：当 frontend-dev.md 中提到代码规范 skill 时，默认读取同目录下的 code-style.md 作为默认代码规范。
内部资源说明
本 skill 目录下包含以下资源文件：
| 文件 | 说明 |
|---|---|
SKILL.md |
本文件 — 入口 skill，项目检测与流程路由 |
backend-dev.md |
后端开发流程（需求分析 → 实现 → 接口文档同步） |
frontend-dev.md |
前端开发流程（读取接口文档 → 页面实现） |
code-style.md |
前端代码规范（Vue3 模板 + 文件拆分规范），被 frontend-dev 引用 |
热门AI工具
相关专题
Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章，帮助读者完成上线流程。
0
2026.10.28
Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章，帮助读者完成从初始化到日常开发的配置。
0
2026.10.28
Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章，帮助读者理解各文件夹的用途与引用方式。
0
2026.10.28
本专题介绍Gradle插件开发的基本流程，涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法，帮助你理解插件如何组织构建逻辑，减少多个项目之间的重复配置。
0
2026.10.22
本专题介绍Gradle Wrapper的基本作用，涵盖文件组成、生成方法、版本配置和任务调用，帮助你理解项目如何使用指定的Gradle版本，减少不同开发环境带来的构建差异。
0
2026.10.22
本专题整理Golangci-lint常用Linters的用途与配置方法，覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查，帮助项目合理选规则。
0
2026.10.22
本专题介绍Gradle Java项目构建方法，涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查，帮助你理解各阶段的任务关系，逐步完成项目构建。
0
2026.10.22
本专题汇总PHP常见时间戳漏洞，包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等，并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案，帮助开发者快速排查和加固时间相关代码。
0
2026.10.22
本专题聚焦Golangci-lint YAML配置文件，讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置，便于团队统一检查标准。
0
2026.10.22
热门下载
相关下载
精品课程
共6课时 | 12.1万人学习
共79课时 | 161.6万人学习
共6课时 | 54.7万人学习
最新文章
