Review frontend code and live pages against the Front-End Checklist (380+ rules for accessibility, performance, SEO, security, HTML, CSS, JavaScript, images, i18n, privacy, testing) using the `frontendchecklist` CLI. Use when writing, reviewing, or shipping HTML/CSS/JS/JSX/TSX/Vue/Svelte/Astro code, before a commit or PR, or when asked to audit a public URL.
78
98%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Low
Low-risk findings worth noting
frontendchecklist checks frontend code against the Front-End Checklist rules. It works offline,
prints JSON when its output is piped (which is how you will usually call it), and uses exit codes
you can branch on.
Run it with npx -y @frontendchecklist/cli <command> if frontendchecklist is not installed.
frontendchecklist review <paths>.git diff --cached | frontendchecklist review -.frontendchecklist audit https://....frontendchecklist search <topic>, then
frontendchecklist rule <slug>.frontendchecklist checklists,
then frontendchecklist checklist <slug>.| Command | Purpose |
|---|---|
review <paths...|-> | Static review of files, directories (walked; vendor dirs skipped), or stdin |
audit <https-url> | Fetch a public page and review its HTML |
search [query] [--focus a,b] [-n 10] | Find rules by keyword, technology, or category |
rule <slug> | Why a rule matters, how to check it, how to fix it |
checklists / checklist <slug> | Curated checklists and their rules |
categories | Categories with rule counts |
schema | Full command reference as JSON |
Useful flags: --focus accessibility,seo, --min-priority high, --fail-on high.
review and audit return { findings: [{ target, rule, title, priority, issue, fix? }], failing }.0: fine. 1: findings at or above --fail-on. 2: bad input or runtime error, with
{ "error": "..." } on stdout.search/rule for areas the heuristics cannot see
(rendered contrast, focus order, real performance).frontendchecklist review <changed files> --min-priority mediumfrontendchecklist rule <rule> and apply its fix guidance.--fail-on high exits 0).7bfd868
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.