关于 bundle-size-analyzer
面向前端开发的 bundle-size-analyzer 技能，可提供分步指导、代码与配置生成，并检查输出。适用于 React、Vue、CSS、无障碍访问、性能优化及现代 Web 开发相关任务。
主要功能
- 01Bundle 大小分析指导
- 02遵循行业实践与模式
- 03生成代码和配置
- 04验证输出规范
适用场景
- 01咨询 Bundle 大小分析方法
- 02生成前端代码或配置
- 03检查输出是否符合常见标准
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/bundle-size-analyzer确认已加载。
详细介绍
Bundle Size Analyzer
概述
此技能可在前端开发领域中，为 bundle size analyzer 相关任务提供自动化协助。
使用场景
在以下情况下，此技能会自动启用：
- 在请求中提及“bundle size analyzer”
- 询问 bundle size analyzer 的模式或最佳实践
- 需要涵盖 react、vue、css、可访问性、性能优化和现代 Web 开发模式的前端技能方面的帮助。
说明
- 提供有关 bundle size analyzer 的分步指导
- 遵循行业最佳实践和模式
- 生成可用于生产环境的代码和配置
- 根据常见标准验证输出
示例
示例：基本用法 请求：“帮我使用 bundle size analyzer” 结果：提供分步指导并生成适当的配置
前提条件
- 已配置相关开发环境
- 可访问所需的工具和服务
- 对前端开发概念有基本了解
输出
- 生成的配置和代码
- 最佳实践建议
- 验证结果
错误处理
| 错误 | 原因 | 解决方案 |
|---|---|---|
| 配置无效 | 缺少必填字段 | 查阅文档，了解必填参数 |
| 未找到工具 | 未安装依赖项 | 根据前提条件安装所需工具 |
| 权限被拒绝 | 访问权限不足 | 验证凭据和权限 |
资源
- 相关工具的官方文档
- 最佳实践指南
- 社区示例和教程
相关技能
属于前端开发技能类别。 标签：react、vue、css、可访问性、web
评论
支持 Markdown