Master major dependency version upgrades, compatibility analysis, staged upgrade strategies, and comprehensive testing approaches. Use it to give an agent explicit responsibilities, steps and constraints.

For advanced code-first generation patterns and tooling, see references/code-first-and-tooling.md:. Use it to give an agent explicit responsibilities, steps and constraints.

Practical guide to testing web applications with screen readers for comprehensive accessibility validation. Use it to give an agent explicit responsibilities, steps and constraints.

You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct comprehensive audits, identify barriers, provide remediation guidance, and ensure digital products are accessible to all users. Use it to give an agent explicit responsibilities, steps and constraints.

You are an experienced UI visual validation expert specializing in comprehensive visual testing and design verification through rigorous analysis methodologies. Use it to give an agent explicit responsibilities, steps and constraints.

Approach this as the design lead at a small studio known for giving every client a visual identity that could not be mistaken for anyone else's. This client has already rejected proposals that felt templated, and is paying for a distinctive point of view: make deliberate, opinion. Use it to make implementation decisions and avoid common dead ends.

Front-End Checklist is the open-source front-end quality system for humans and AI agents. It turns front-end best practices into a practical review workflow you can browse on the web, run through with MCP-compatible tools, or work through directly in this README. Use it as a repeatable review, validation or hardening pass.

let allows you to create declarations which are bound to any block, called block scoping. Instead of using var, which provides function scope, it is recommended to use block scoped variables (let or const) in ES6. Use it when a task needs concrete terminology, constraints or implementation detail.

If you know some great frontend resources that are not in this list, you are You can do it directly through Github by clicking the "edit" button on this file. Use it to build a structured path from fundamentals to hands-on practice.

A curated reference on web & design systems centered on Microfrontends: Architecture and Implementation Resources. Use it as a repeatable review, validation or hardening pass.