← All skills

frontend-performance-audit

79 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.

By jpantsjoha/ai-native-developer-experience (GitHub) · coding · 13 stars · scanned at commit c412b2c

Measure real frontend performance — Core Web Vitals (LCP, CLS, INP), page-load traces, CPU and network throttling, Lighthouse accessibility/SEO scores, and heap growth — using chrome-devtools-mcp against a live browser. Trigger when asked "is the page fast enough", "measure Core Web Vitals", "why is this route slow", "run Lighthouse", "check for a memory leak", before any performance-gated certification (Built for Shopify, Core Web Vitals thresholds, store listing review), and before any launch…

Works with any agent that supports SKILL.md skills.

What this skill can do

Safer alternatives

Low-risk skills in the same category (coding) that look related. Check that one does what you need.

• 80 Low riskchrome-performancehashgraph-online/awesome-codex-plugins · 1,563 stars
• 80 Low riskfrontend-lighthousestareezy-1/frontend-architecture-skill · 10 stars
• 82 Low riskweb-performanceziniman/ai-instruct · 29 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'frontend-performance-audit' ] || [ -L ~/.agents/skills/'frontend-performance-audit' ]; then echo 'A skill folder named frontend-performance-audit already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/jpantsjoha/ai-native-developer-experience' "$d" && git -C "$d" checkout --quiet 'c412b2ce7b44101cfdef08860396a53cee7a5fe4' -- 'skills/frontend-performance-audit' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/frontend-performance-audit' ~/.agents/skills/'frontend-performance-audit' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'frontend-performance-audit' ~/.claude/skills/'frontend-performance-audit' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for jpantsjoha/ai-native-developer-experience shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/jpantsjoha/ai-native-developer-experience.svg)](https://zalavijaysinh.github.io/skilltrust/repos/jpantsjoha/ai-native-developer-experience/)

Score history