用途:该技能用于在审查或编写代码时,按既定规范处理构建工具与打包器配置,重点覆盖 Vite、Webpack 及打包器配置,并整合了三个子技能:biome-rules、vite-build-optimization-rule、vite-plugins-for-qwik。
主要能力:一是代码格式化与检查,使用 Biome 进行格式化与 lint,遵循其推荐规则,可在 biome.json 中自定义配置,使用 organize imports 整理导入语句,利用其 TypeScript 高级 lint 能力,并通过 ignore patterns 排除特定文件或目录。二是 Vite 构建优化,在构建过程中实施分块策略(如代码分割)以减小包体积,并优化图片:使用 WebP 格式、包含尺寸数据、实现懒加载。三是 Qwik 的 Vite 插件,利用 Vite 插件实现优化构建。
使用方式:将 Biome 配置为 pre-commit 钩子,提交前运行 Biome 检查,及时处理所有警告与错误,并集成到 CI/CD 流水线进行自动检查,同时保持 Biome 更新至最新稳定版。技能还规定记忆协议:开始前执行 cat .claude/context/memory/learnings.md,完成后记录新发现的模式或例外;并假设上下文可能重置,未写入记忆即视为未发生。
适用场景:适用于前端项目构建配置审查、打包体积优化、代码风格统一与提交前自动检查等环节。
限制:资料未提供具体版本要求、Webpack 的详细配置规则、性能数据或收费信息,相关细节暂未提供。