frontendchecklist

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.

Star: 74,442
分类: 前端与设计
许可证: MIT
最近提交: 2026年10月6日

安装

将下方内容发给 Claude Code、Codex 或 Cursor。智能体先检查 Skill 内容，经你确认后安装。

读取 https://funcoding.ai/skills/thedaviddias/front-end-checklist/cli/install.md ，按里面的步骤帮我安装这个 Skill。

Star 趋势

近 7 天: +76
近 30 天: +390

74k

2017年10月18日2026年10月13日

Star 趋势
2017年10月18日	1584
2018年6月30日	25819
2019年3月31日	31555
2019年12月31日	34713
2020年9月30日	40466
2021年6月30日	51441
2022年3月31日	55983
2022年12月31日	60984
2023年9月30日	64083
2024年6月30日	66281
2025年3月31日	68553
2025年12月31日	71187
2026年7月18日	73034
2026年7月27日	73148
2026年8月5日	73270
2026年8月14日	73375
2026年8月23日	73492
2026年9月1日	73911
2026年9月10日	74015
2026年9月19日	74146
2026年9月28日	74260
2026年10月7日	74379
2026年10月13日	74442

来源仓库

thedaviddias/Front-End-Checklist

🗂 The essential checklist for modern web development, for humans and AI agents

在 GitHub 上查看项目主页

同仓库的其他 Skill29

查看全部

packages/cli/SKILL.md

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

review and audit return { findings: [{ target, rule, title, priority, issue, fix? }], failing }.
Exit code 0: fine. 1: findings at or above --fail-on. 2: bad input or runtime error, with { "error": "..." } on stdout.
Findings are conservative static heuristics. "No findings" means nothing provable was found, not that the code is clean: follow up with search/rule for areas the heuristics cannot see (rendered contrast, focus order, real performance).

Workflow

frontendchecklist review <changed files> --min-priority medium
For each finding, run frontendchecklist rule <rule> and apply its fix guidance.
Re-run the review until no critical/high findings remain (--fail-on high exits 0).
Mention any remaining medium/low findings to the user instead of silently ignoring them.