关于 build-tools-expert
面向使用 Vite、webpack 等构建工具的开发者的技能,提供代码审查、重构和架构指导。它整合 Biome 规范、Vite 构建优化及 Qwik 的 Vite 插件建议。
主要功能
- 01审查构建工具最佳实践
- 02应用 Biome 格式与 lint 规则
- 03提供 Vite 分块优化建议
- 04指导 Qwik 的 Vite 插件使用
适用场景
- 01检查项目的 Biome 配置
- 02优化 Vite 构建产物
- 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.mdhooks/post-execute.cjspre-execute.cjsreferences/research-requirements.mdrules/build-tools-expert.mdschemas/input.schema.jsonoutput.schema.jsonscripts/main.cjstemplates/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 插件优化构建
整合技能
此专家技能整合了 3 项独立技能:
- biome-rules
- vite-build-optimization-rule
- vite-plugins-for-qwik
记忆协议(强制)
开始前:
cat .claude/context/memory/learnings.md
**完成后:**记录发现的任何新模式或例外情况。
假设任务可能中断:你的上下文可能会重置。如果信息不在记忆中,就视为未发生。
评论
支持 Markdown