mrkeyoor.com_
Thu 17 Sept 23:20 UTC
AI Toolsevaluationupdated 27 Aug 2026

Front-End-Checklist review

Front-End Checklist is a catalog of 385 English rules for reviewing HTML, CSS, JavaScript, accessibility, performance, SEO, security, images, testing, privacy, and internationalization. Humans can browse it, while AI agents can query the same material through a hosted MCP server or installable skills.

+75stars / 7d
Verdict

Our Front-End Checklist run installed 1,362 packages and used 1,421 MB, then built in 105 seconds and passed all 20 Jest tests in 29 seconds. Use the README or hosted rule browser as a strong review prompt, and add the MCP only when agent access to 385 rules justifies an external service connection. Do not call a page accessible, secure, or ready solely because a checklist or agent marked boxes.

We ran it

Lab card: what happened when we ran Front-End-ChecklistScreenshot of Front-End-Checklist (frontendchecklist.io)
Install✓ · 68s1362 packages · 1421 MB
Build✓ · 105s
Tests✓ · 29s20 passed · 0 failed of 20 (jest)
Repo1875 files~70,284 lines of source · 11.5 MB · 4 CI workflows

Answers from our run

Does Front-End-Checklist build from source?

Dependencies installed in 68 seconds (1362 packages), and the build succeeded in 105 seconds. We cloned commit 30756a7 into a clean Debian container with 3 CPUs and no project-specific setup.

Do Front-End-Checklist's tests pass?

Yes: 20 of 20 passed when we ran the project's own test command (jest). Some failures need services or credentials a bare container does not have.

Who should not use Front-End-Checklist?

Teams looking for proof that a page is accessible or production-ready: the checklist itself requires real screen-reader tests and other checks that automation cannot settle.

What are the alternatives to Front-End-Checklist?

Lighthouse, axe-core, Nu Html Checker. Our Front-End Checklist run installed 1,362 packages and used 1,421 MB, then built in 105 seconds and passed all 20 Jest tests in 29 seconds.

Setup3/5Reading is instant; contribution setup used 1,421 MB
Docs5/5385 linked rules with priorities, fixes, and verification guidance
Community5/573,892 stars with recent August 2026 repository activity
Maturity4/5v2.0, passing build and tests, but license packaging is unclear

Discussed on

  1. hnFront-End Checklist193 points

Who it’s for

Frontend teams building a repeatable pull-request or launch review.
AI-agent users who want rule lookup and remediation guidance through MCP.
Developers who need one browsable index across accessibility, performance, SEO, and security basics.
Maintainers willing to select rules by project risk instead of treating all 385 as mandatory.

Who it’s NOT for

Teams looking for proof that a page is accessible or production-ready: the checklist itself requires real screen-reader tests and other checks that automation cannot settle.
Small projects that want a light contributor setup: our install pulled 1,362 packages and used 1,421 MB.
Organizations that need an unambiguous source license before reuse: the README links an MIT LICENSE, but GitHub detected no license and the root listing contained no LICENSE file when fetched.
Reviewers who expect every rule to apply to every page: the catalog spans 385 rules and 11 categories, so scope and priority still require judgment.
Users depending on website accounts until they verify the flow: open issue 722 reports that the sign-in button led to a GitHub 404 instead of authorization.

Setup reality

Our pnpm sandbox installed 1,362 packages in 68 seconds and occupied 1,421 MB. The build succeeded in 105 seconds. Tests completed in 29 seconds with Jest reporting all 20 passed and 0 failed.

Readers can use the generated README without installing anything. The interactive site and hosted MCP endpoint require network access; local contribution uses the monorepo, while agent skills can be installed separately.

The 11.5 MB checkout contained 1,875 files and about 70,284 source lines, with 4 CI workflows, monorepo workspaces, and no tests directory despite the passing Jest command. Running the hosted MCP also means deciding what code or URL data may leave your environment.

Three delivery formats share the same 385 rules

Front-End Checklist is one rule corpus presented as a generated README, an interactive website, and an MCP service. The current README counts 385 English rules across 11 active categories, plus 11 tools on the hosted MCP server. That shared source is useful: a person browsing accessibility guidance and an agent reviewing a component can refer to the same rule, priority, explanation, remediation advice, and verification steps.

The categories cover HTML, CSS, JavaScript, performance, accessibility, SEO, security, images, testing, privacy, and internationalization. Priorities range from critical to low. The catalog is broad enough to support launch reviews and focused audits, but breadth is not project policy. A marketing page, authenticated dashboard, video player, and offline editor need different subsets. Teams should turn relevant rules into an owned checklist rather than require every item indiscriminately.

The checklist starts conversations that tools cannot finish

Many entries are mechanically testable: duplicate IDs, missing labels, invalid ARIA attributes, insecure external scripts, or absent metadata. Others require human observation and product context. The accessibility section explicitly calls for tests with NVDA, JAWS, VoiceOver, or TalkBack because automated tools cannot verify announcements, focus order, and widget behavior completely. Passing a scan can reduce obvious defects without proving that a task is usable.

The same limit applies to performance and security. A rule can tell reviewers to virtualize long lists or audit dependencies, but it cannot decide the list size at which virtualization pays for its complexity or whether a reported advisory is reachable. Use each finding as a question tied to evidence. Record the affected page, user task, reproduction, and verification method before converting an agent response into backlog work.

What happened when we ran it

Our sandbox cloned commit 30756a7 and installed 1,362 pnpm packages in 68 seconds. The dependency tree occupied 1,421 MB, far larger than the 11.5 MB checkout. The build succeeded in 105 seconds. This is a substantial contributor environment for a checklist, likely because the repository includes the website, content generation, MCP package, skills, and shared tooling in one workspace.

Tests completed in 29 seconds. Jest reported 20 passed and 0 failed out of 20. The repository had 4 CI workflow files and monorepo workspaces, though our scan found no tests directory. That does not contradict the passing command; tests can live elsewhere or follow another naming scheme. It does mean contributors should use the documented workspace commands instead of inferring project health from root folders.

Our run measured repository installation, build, and tests. It did not ask the hosted MCP to audit a public page or grade the factual quality of all 385 rules. Nor did it compare findings with Lighthouse, axe-core, browser accessibility trees, or a screen reader session. Those are separate evaluations. The 20 passing tests support the software path, while individual guidance still needs source review and browser proof.

MCP makes the catalog queryable and sends work to a server

The MCP interface can review pasted code, audit a public HTTPS URL, fetch one rule, search by keyword or priority, and return a workflow. The README recommends naming the Front-End Checklist server in prompts because some clients discover tools lazily. There is also a local stdio implementation in packages/mcp, giving teams a path to inspect or host the integration themselves.

A hosted audit changes the data boundary. Code pasted into a tool call or a public URL sent for review reaches the MCP service, so teams should decide what is allowed before connecting it to an agent with repository access. Public pages are lower risk than private component source. For sensitive work, use the README, install the focused skills, or inspect and run the local server under your own logging and network rules.

License packaging needs correction before reuse

The repository describes itself as open source, and the README footer links LICENSE with the label MIT. GitHub's repository response returned no detected license, and the root contents we fetched did not include a LICENSE file. That mismatch may be an accidental packaging omission, but a README label is a weak substitute for an actual license text attached to the source. Organizations redistributing code or generated skills should resolve it with the maintainer first.

Release v2.0 was published on May 30, 2026. GitHub showed 73,892 stars, 7 combined issues and pull requests, and a last push on August 14, 2026. The small open count includes a report that website sign-in redirects to a GitHub 404. Account access is not required to read the README, so this affects the web workflow rather than the core catalog.

Use a focused slice as a release gate

The best adoption path is one category or one risky feature. A team shipping a modal can select dialog naming, focus trapping, keyboard dismissal, background inertness, reduced motion, and mobile layout, then add automated checks where possible and a short manual script for the rest. An agent can retrieve the rules, but a named reviewer should own the evidence and any exception.

Front-End Checklist is valuable because it turns forgotten details into visible questions. Our 105-second build and 20 passing tests show the monorepo is functioning, while its 1,421 MB install argues against cloning it merely to read the rules. Browse first. Connect MCP when searchable agent access earns its data and operational cost, and keep actual browser, assistive-technology, performance, and security evidence as the release decision.

Alternatives

ProjectWhat it isPick it when
Lighthouse gh↗An automated browser audit for performance, accessibility, SEO, and web best practices.pick this instead when repeatable measurements from a rendered page matter more than a broad human checklist.
axe-coreAn accessibility rules engine designed for automated testing in browsers and test suites.pick this instead when enforceable accessibility checks in CI are the immediate goal.
Nu Html CheckerA maintained validator for HTML, CSS, SVG, and related document rules.pick this instead when standards validation is the narrow requirement and broader advice would add noise.

Sources

  1. Front-End Checklist repository and README
  2. Front-End Checklist v2.0 release
  3. Front-End Checklist MCP documentation
  4. Website sign-in issue 722

More ai tools reviews

rowboat · skills · superpowers-zh · yolov5 · eve · MemOS · the whole board →