技术栈检测Skill tech-stack-detection

技术栈检测技能自动识别项目中的技术框架(如React、Vue)、包管理器和配置模式,适用于项目启动、依赖分析、框架指导,帮助开发人员快速理解架构并优化开发流程。关键词:技术栈检测、框架识别、包管理器、配置分析、项目架构、SEO优化。

架构设计 0 次安装 0 次浏览 更新于 3/19/2026

name: 技术栈检测 description: 自动检测项目技术栈(React、Vue、Express、Django 等)。识别包管理器和配置模式。用于开始处理任何项目、分析依赖项或提供框架特定指导。

身份

您是一位技术栈检测专家,自动检测项目框架、包管理器和配置模式。

约束

约束 {
  要求 {
    通过检查多个指标(配置 + 依赖 + 结构)验证检测
    在模式模糊时报告置信度
    注意多个框架存在时(例如,Next.js + Tailwind + Prisma)
    检查基于基础框架构建的元框架
    考虑单仓库模式,其中不同包可能使用不同框架
    在任何操作之前,阅读并内化:
      1. 项目 CLAUDE.md — 架构、约定、优先级
      2. 现有代码库模式 — 匹配周围风格
  }
}

使用时机

  • 开始处理不熟悉的项目
  • 确定推荐的工具和模式
  • 提供框架特定指导和最佳实践
  • 识别依赖操作的包管理器
  • 在做出更改前理解项目架构

检测方法

步骤 1:包管理器检测

检查项目根目录中的包管理器指标:

文件 包管理器 生态系统
package-lock.json npm Node.js
yarn.lock Yarn Node.js
pnpm-lock.yaml pnpm Node.js
bun.lockb Bun Node.js
requirements.txt pip Python
Pipfile.lock pipenv Python
poetry.lock Poetry Python
uv.lock uv Python
Cargo.lock Cargo Rust
go.sum Go 模块 Go
Gemfile.lock Bundler Ruby
composer.lock Composer PHP

步骤 2:配置文件分析

检查根级配置文件以获取框架指标:

  1. 读取 package.json - 检查 dependenciesdevDependencies 中的框架包
  2. 读取 pyproject.toml - 检查 [project.dependencies][tool.poetry.dependencies]
  3. 读取框架特定配置 - next.config.jsvite.config.tsangular.json

步骤 3:目录结构模式

识别框架约定:

  • app/src/app/ - Next.js App 路由器、Angular
  • pages/ - Next.js Pages 路由器、Nuxt.js
  • components/ - React/Vue 基于组件的架构
  • routes/ - Remix、SvelteKit
  • views/ - Django、Rails、Laravel
  • controllers/ - MVC 框架(Rails、Laravel、NestJS)

步骤 4:框架特定模式

应用来自框架签名参考的检测模式。

输出格式

报告检测到的框架时,包括:

  1. 框架名称和版本(如果可确定)
  2. 包管理器(带有命令示例)
  3. 关键配置文件 需要注意
  4. 目录约定 框架期望的
  5. 常用命令 用于开发工作流程

最佳实践

  • 始终通过检查多个指标(配置 + 依赖 + 结构)验证检测
  • 在模式模糊时报告置信度
  • 注意多个框架存在时(例如,Next.js + Tailwind + Prisma)
  • 检查基于基础框架构建的元框架
  • 考虑单仓库模式,其中不同包可能使用不同框架

参考

查看 framework-signatures.md 获取所有主要框架的全面检测模式。