by ianho7 · Claude Skill · ★ 60
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. is the entry file. The files under are supporting material that should be read on demand, not all at once unless the task genuinely needs them.
| Stars | 60 |
| Forks | 1 |
| Language | JavaScript |
| Category | Claude Skill |
| Quality Score | 70.6675683731432/100 |
| Last Updated | 2026-06-21 |
| Created | 2026-03-23 |
| Platforms | browser, claude-code, node |
| Est. Tokens | ~4k |
These tools work well together with ai-friendly-web-design-skill for enhanced workflows:
Explore other popular claude skill tools:
ai-friendly-web-design-skill is A Claude Code Skill that helps you build web interfaces friendly to both AI agents and human users — covering semantic HTML, ARIA attributes, stable locators, form best practices, and more.. It is categorized as a Claude Skill with 60 GitHub stars.
ai-friendly-web-design-skill is primarily written in JavaScript. It covers topics such as agent, agent-skills, ai.
You can find installation instructions and usage details in the ai-friendly-web-design-skill GitHub repository at github.com/ianho7/ai-friendly-web-design-skill. The project has 60 stars and 1 forks, indicating an active community.