Stats
Actions
Tags
From bopen-tools
Runs local performance audits for images, bundle sizes, and heavy dependencies without network calls. Outputs structured JSON for before/after measurement.
How this skill is triggered — by the user, by Claude, or both
Slash command
/bopen-tools:perf-auditThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Run local, deterministic performance audits. All scripts output JSON to stdout, use only standard unix tools, and make zero network calls.
Run local, deterministic performance audits. All scripts output JSON to stdout, use only standard unix tools, and make zero network calls.
Runs all audits in parallel and produces a unified report with a health score (0-100).
bash <skill-path>/scripts/full-audit.sh /path/to/project
Returns:
{
"health_score": 85,
"image_audit": { ... },
"bundle_audit": { ... },
"dep_audit": { ... }
}
Scan for oversized images, missing next-gen formats, and dimension info.
bash <skill-path>/scripts/image-audit.sh /path/to/project
Flags images over 500KB as oversized. Uses sips on macOS for dimensions. Reports images without a WebP/AVIF equivalent.
Analyze JS and CSS bundle sizes in build output directories (.next, dist, build, out).
bash <skill-path>/scripts/bundle-audit.sh /path/to/project
Reports raw and gzipped sizes for every bundle file. Flags source maps in production. Requires a build to exist -- run the project's build command first if no build output is found.
Check package.json for known-heavy dependencies and suggest lighter alternatives.
bash <skill-path>/scripts/dep-audit.sh /path/to/project
Checks against a curated list of heavy packages (moment, lodash, jquery, full icon libraries, etc.) and suggests tree-shakable or lighter replacements.
full-audit.sh to get the baseline health scorefull-audit.sh to measure improvementnpx claudepluginhub b-open-io/claude-plugins --plugin bopen-toolsAudits frontend bundle size and performance by analyzing build output, identifying heavy dependencies, and comparing against budget thresholds.
Audits frontend projects for bundle size, dependency health, accessibility, performance, and component quality using build outputs and package.json analysis.
Frontend audit — bundle size, dependencies, accessibility, performance, component quality. Use when asked for "frontend review", "performance audit", "accessibility check", or "bundle size".