bundle-size-analyzer

Bundle Size Analyzer - Auto-activating skill for Frontend Development. Triggers on: bundle size analyzer, bundle size analyzer Part of the Frontend Development skill category.

0.99x

Quality

Does it follow best practices?

Impact

99%

0.99x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/bundle-size-analyzer/SKILL.md

Evaluation results

100%

React App Bundle Size Audit

Production-ready bundle analysis setup

Criteria

Without context

With context

Industry-standard analyzer tool

100%

Analyzer integrated in config

100%

Production build mode

100%

Step-by-step process documented

100%

React-specific optimization

100%

Dependency-specific findings

100%

Tree-shaking recommendation

100%

Dev dependency listing

100%

Output validates standards

100%

Complete runnable config

100%

Without context: $0.4949 · 2m 32s · 21 turns · 21 in / 8,624 out tokens

With context: $0.5402 · 2m 39s · 28 turns · 63 in / 8,824 out tokens

100%

Vue Application Bundle Optimization Audit

Framework-aware optimization and validation

Criteria

Without context

With context

Validation script created

100%

Budget threshold enforced

100%

Pass/fail output

100%

Vue-specific recommendation

100%

Named package analysis

100%

Size estimates provided

100%

Step-by-step plan

100%

Modern web pattern used

100%

Gzip/compression awareness

100%

Script is complete

100%

Without context: $0.4978 · 2m 47s · 19 turns · 52 in / 10,162 out tokens

With context: $0.7315 · 3m 31s · 26 turns · 59 in / 12,882 out tokens

97%

-3%

Frontend Asset Audit: CSS and Accessibility Impact

CSS bundle analysis and accessibility

Criteria

Without context

With context

CSS duplication identified

100%

CSS-specific recommendations

100%

Accessibility assessment present

100%

WCAG reference

100%

Accessible alternative suggested

100%

Step-by-step methodology

100%

Methodology targets junior devs

100%

Budget config is valid JSON

100%

70%

Tools listed in config

100%

Icon font analysis

100%

Industry tool referenced

100%

Without context: $0.6609 · 5m 23s · 20 turns · 21 in / 14,061 out tokens

With context: $0.7414 · 4m 6s · 29 turns · 61 in / 13,312 out tokens

Repository: jeremylongshore/claude-code-plugins-plus-skills
Commit: 994edc4

Evaluated: 18 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

React App Bundle Size Audit Vue Application Bundle Optimization Audit Frontend Asset Audit: CSS and Accessibility Impact

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.