page-speed-optimizer

Community

Boost frontend speed and fix visual jank safely.

Authornodatall
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates frustrating slow page loads, unexpected layout jumps, interaction lag, and blank loading gaps that harm user experience, increase bounce rates, and hurt Core Web Vitals scores for web applications.

Core Features & Use Cases

  • Evidence-based performance audits: Ranks frontend performance bottlenecks using field data, lab tests, traces, and screenshots, with no code changes unless you explicitly approve fixes.
  • Bounded measured fix loops: Implements safe, high-impact optimizations one at a time, with before/after validation and full state tracking to avoid regressions.
  • Comprehensive coverage: Inspects page loads, route transitions, in-app interactions, assets, third-party scripts, cache/CDN surfaces, and back/forward navigation behavior.
  • Use case example: If your SaaS app has a 4-second LCP on its dashboard, this Skill will identify the root cause (like unoptimized route chunks or render-blocking third-party scripts), recommend safe fixes, and verify the improvement with measured evidence.

Quick Start

Request a frontend performance audit or measured speed optimization by asking the AI to use the page-speed-optimizer skill for your project.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: page-speed-optimizer
Download link: https://github.com/nodatall/primedirective/archive/main.zip#page-speed-optimizer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.