AI-Friendly Web Design

Purpose

Use this skill to make web interfaces easier to discover, operate, test, and review across human users, assistive technology, browser automation, and AI agents.

When To Use

Use this skill when the task involves any of the following:

• Designing a new UI flow, screen, component, or form
• Implementing or refactoring frontend UI
• Reviewing existing UI for accessibility, automation, or operability issues
• Writing Playwright or browser automation tests
• Deciding semantic HTML, ARIA, locator, or URL state patterns

Task Modes

Choose one primary mode before acting.