# Front-End Checklist

Reviews frontend code and live pages against the Front-End Checklist rules.

- Repository: https://github.com/thedaviddias/Front-End-Checklist (74621 stars)
- Category: Testing
- License: MIT
- Last updated: 2026-10-31
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add thedaviddias/Front-End-Checklist --skill frontendchecklist -g -a claude-code -y`
Codex: `npx skills add thedaviddias/Front-End-Checklist --skill frontendchecklist -g -a codex -y`
Cursor: `npx skills add thedaviddias/Front-End-Checklist --skill frontendchecklist -g -a cursor -y`
Gemini CLI: `npx skills add thedaviddias/Front-End-Checklist --skill frontendchecklist -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add thedaviddias/Front-End-Checklist`

## Description

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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Front-End Checklist CLI

`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.

## When to use it

- After writing or editing frontend files: `frontendchecklist review <paths>`.
- Before committing: `git diff --cached | frontendchecklist review -`.
- When the user asks to audit a deployed page: `frontendchecklist audit https://...`.
- When you need the authoritative guidance for a topic: `frontendchecklist search <topic>`, then
  `frontendchecklist rule <slug>`.
- For a structured pass (launch, accessibility, SEO, performance): `frontendchecklist checklists`,
  then `frontendchecklist checklist <slug>`.

## Commands

| 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`.

## Reading results

The rest: https://github.com/thedaviddias/Front-End-Checklist/blob/HEAD/packages/cli/SKILL.md