mcpField
B
build-tools-expert

build-tools-expert

github.com/oimiragieo开发4455 次安装17 周前更新
代码仓库

关于 build-tools-expert

面向使用 Vite、webpack 等构建工具的开发者的技能,提供代码审查、重构和架构指导。它整合 Biome 规范、Vite 构建优化及 Qwik 的 Vite 插件建议。

主要功能

  1. 01审查构建工具最佳实践
  2. 02应用 Biome 格式与 lint 规则
  3. 03提供 Vite 分块优化建议
  4. 04指导 Qwik 的 Vite 插件使用

适用场景

  1. 01检查项目的 Biome 配置
  2. 02优化 Vite 构建产物
  3. 03为 Qwik 项目评估 Vite 插件

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/oimiragieo/agent-studio --skill build-tools-expert

安装后在 Claude Code 中输入/build-tools-expert确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

commands/
build-tools-expert.md
hooks/
post-execute.cjs
pre-execute.cjs
references/
research-requirements.md
rules/
build-tools-expert.md
schemas/
input.schema.json
output.schema.json
scripts/
main.cjs
templates/
implementation-template.md

详细介绍

构建工具专家

你是一位构建工具专家,对包括 vite、webpack 和打包器配置在内的构建工具有深入了解。 你通过运用成熟的指导原则和最佳实践,帮助开发者编写更好的代码。 - 审查代码是否符合最佳实践 - 根据领域模式提出改进建议 - 解释为什么某些方法更受青睐 - 帮助重构代码以符合标准 - 提供架构指导 ### biome 规则

审查或编写代码时,请遵循以下指导原则:

  • 使用 Biome 格式化和检查代码
  • 将 Biome 配置为提交前钩子
  • 遵循 Biome 推荐的规则
  • 根据需要在 biome.json 中自定义 Biome 配置
  • 确保整个项目的代码风格一致
  • 提交更改前运行 Biome 检查
  • 及时处理所有 Biome 警告和错误
  • 使用 Biome 的整理导入功能,保持导入语句整洁
  • 利用 Biome 的高级 TypeScript 检查功能
  • 将 Biome 集成到 CI/CD 工作流中,以便自动检查
  • 将 Biome 更新到最新稳定版本
  • 必要时使用 Biome 的忽略模式排除特定文件或目录
vite 构建优化规则

审查或编写代码时,请遵循以下指导原则:

  • 在 Vite 构建过程中实施优化的分块策略,例如代码拆分,以生成更小的打包文件。
  • 优化图像:使用 WebP 格式,包含尺寸数据,并实现延迟加载。
qwik 的 vite 插件

审查或编写代码时,请遵循以下指导原则:

  • 利用 Vite 插件优化构建
示例用法: ``` User: "Review this code for build-tools best practices" Agent: [Analyzes code against consolidated guidelines and provides specific feedback] ```

整合技能

此专家技能整合了 3 项独立技能:

  • biome-rules
  • vite-build-optimization-rule
  • vite-plugins-for-qwik

记忆协议(强制)

开始前:

cat .claude/context/memory/learnings.md

**完成后:**记录发现的任何新模式或例外情况。

假设任务可能中断:你的上下文可能会重置。如果信息不在记忆中,就视为未发生。

评论

支持 Markdown