{"repo":"ianho7/ai-friendly-web-design-skill","free":true,"listed":false,"github":"https://github.com/ianho7/ai-friendly-web-design-skill","clone":"git clone https://github.com/ianho7/ai-friendly-web-design-skill.git","description":"A skill for coding agents that build, review, and refactor Web UI that should be easier for humans, screen readers, browser automation, Playwright tests, and AI agents to understand and operate.","language":"JavaScript","stars":71,"topics":["agent","agent-skills","ai","claude","claude-code","claude-skills","skills"],"license":null,"category":"scrapers-browser-automation","readme_excerpt":"AI-Friendly Web Design Skill 中文说明 A skill for coding agents that build, review, and refactor Web UI that should be easier for humans, screen readers, browser automation, Playwright tests, and AI agents to understand and operate. Inspired by: @karminski-牙医 · Compiled by: @ianho7 What it does This skill helps agents choose better semantic HTML, clearer state, more stable locators, and more reproducible URL patterns when working on frontend UI. SKILL.md is the entry file. The files under references/ are supporting material that should be read on demand, not all at once unless the task genuinely needs them. The guidance is written for coding agents in general. The installer in this repo currently targets Claude Code style skill directories because that is the packaging format used here. When used for review, the skill reports findings with severity levels: 🔴 High / 🟡 Medium / 🟢 Low . When to use Use it when you are: - Designing a new UI flow, component, or form - Implementing or refactoring frontend UI - Reviewing existing UI for accessibility, operability, or automation issues - Generating Playwright or browser automation tests - Deciding semantic HTML, ARIA, locator, or URL state patterns Structure - SKILL.md is the entry point. - references/ contains focused reference files for principles, semantics, locators, review output, and common component recipes. - component-recipes.md is a Round 2-lite addition for high-frequency components. It is intentionally short and is not a f","default_branch":null,"files":null,"tree":[],"storefront":"/r/ianho7","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ianho7/ai-friendly-web-design-skill/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}