Agent Skills
返回列表
全栈开发伴侣

全栈开发伴侣

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md ,安装 @user_8a92847d/fullstack-companion。

技能介绍

在实际开发中,面对一个新接手或不熟悉的项目,第一步往往是识别它的技术栈和结构,然后才能按正确的方式开展工作。对于需要兼顾前后端的全栈开发者,频繁在不同技术上下文间切换容易产生混淆,而团队中可能缺少统一的项目启动与流程引导规范。

具体问题与解决方案

这个技能旨在解决「项目上下文识别与开发流程启动」的问题。它作为一个入口伴侣,提供了一套自动化的项目类型检测与流程路由机制。其核心思路是:先扫描项目根目录的关键特征文件,判断当前工作空间属于前端、后端还是全栈项目,然后自动引导开发者进入预定义好的、标准化的开发子流程。这减少了手动配置和上下文切换的认知负担。

核心能力与工作流

技能的工作分为以下几个明确步骤:

  • 自动项目检测:它会扫描当前目录,依据一系列规则进行判定:

- 前端项目:依据 package.json 中是否包含 vuereact 依赖,或是否存在 vite.config.tsnext.config.* 等配置文件,以及特定的目录结构如 src/views/
- 后端项目:根据 composer.json (PHP/Laravel)、go.mod (Go/Gin)、manage.py (Django)、requirements.txtpom.xml 等文件存在与否,来识别 PHP、Go、Python、Java 等后端技术栈。
- 全栈项目:当同时命中前端和后端特征时,即判定为全栈项目。

  • 智能路由与流程激活:检测完成后,技能会展示结果并请求确认,随后激活对应的内部资源文件:

- 后端项目 → 激活 backend-dev.md 流程,该流程涵盖从需求分析到实现,再到接口文档同步的完整后端开发周期。
- 前端项目 → 激活 frontend-dev.md 流程,该流程强调基于接口文档进行页面实现,并会自动引用 code-style.md 来强制执行统一的 Vue3 模板与文件拆分规范。
- 全栈项目 → 技能会进一步询问开发方向(后端、前端或全栈)。选择“全栈开发”时,它会顺序执行后端流程(产出接口文档),再执行前端流程(消费接口文档),形成一个连贯的开发闭环。

适用边界与注意点

虽然该伴侣覆盖了常见的主流技术栈,但其检测规则是确定性的。对于一些非标准结构、混合技术栈或自定义程度非常高的项目,自动检测可能无法准确判断,此时会依赖用户的手动指定。技能本身不包含具体代码生成逻辑,其价值在于提供规范的流程框架与状态管理,具体的代码实现质量仍取决于子流程(如 backend-dev.md)的指导内容。它更适合作为团队协作或个人系统性开发的起点引导工具。

使用场景

  • 新接手一个不熟悉的代码库时,需要快速识别其技术栈(如Vue前端+Express后端),并启动对应的标准化开发流程。
  • 团队正在开发一个全栈项目,本次迭代需要明确是聚焦后端API开发还是前端页面实现,以激活正确的流程分支。
  • 为一个现有的前端项目补充统一的代码规范,需要基于项目结构自动激活相关的代码风格检查流程。
  • 需要从零开始,按照后端优先的流程,为一个新项目完成后端接口设计、实现及自动生成接口文档,再转交前端开发。

适合人员

  • 同时维护多个前端与后端项目的全栈工程师,需要快速切换项目上下文并遵循团队规范。
  • 负责将设计稿转化为前端页面的前端开发者,需要基于后端提供的接口文档进行开发,并遵守项目代码风格。
  • 刚加入团队、需要接手现有项目的后端开发人员,需要快速了解项目结构并进入规范的后端开发流程。
  • 技术团队负责人,希望为团队建立标准化的开发流程,减少新人上手成本并保证代码质量。