frontend-excellence
Make web frontends fast, accessible, and polished. Covers Core Web Vitals and bundle budgets, image strategy, accessibility (WCAG, keyboard, screen readers), SEO basics, and design-system consistency. Use this skill whenever the user mentions performance, slow page, Core Web Vitals, Lighthouse, bundle size, accessibility, a11y, WCAG, keyboard navigation, screen reader, SEO, responsive, or asks "why is my site slow", even if they only say "the page feels janky" or "Google ranks us low". Not for backend logic or APIs (see stack skills), visual brand design from scratch, or native mobile UI.
Pinned to revision 9bf36daa2e81, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/frontend-excellence/SKILL.md
- skills/frontend-excellence/evals/check-fixtures.sh
- skills/frontend-excellence/evals/evals.json
- skills/frontend-excellence/evals/files/a11y-bad/index.html
- skills/frontend-excellence/references/accessibility.md
- skills/frontend-excellence/references/performance.md
- skills/frontend-excellence/scripts/frontend-check.sh
Every link opens the file at its source, pinned to the revision this page describes.