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.