Updated 3mo ago
by ianho7
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.
77 GitHub stars (77)
Steady at 77 stars — no new stars in the 16 days since Sep 30.
- 1 skill (1 skills found in its SKILL.md files)
- 3 forks (3 forks)
- 3mo ago last update (Last updated 3mo ago)
Install
Skills CLI
npx skills add ianho7/ai-friendly-web-design-skill
Asks which agents to install it for. Add -g to install it for every project.
Claude Code
git clone https://github.com/ianho7/ai-friendly-web-design-skillcp -r "ai-friendly-web-design-skill/skills/ai-friendly-web-design" ~/.claude/skills/
Copies the ai-friendly-web-design skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).
Plugin
/plugin marketplace add ianho7/ai-friendly-web-design-skill
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
ai-friendly-web-design
Build, review, and refactor web interfaces that are easy for humans, screen readers, browser automation, Playwright tests, and AI agents to understand and operate. Use for UI components, forms, frontend features, semantic HTML, ARIA, stable locators, URL state, accessibility reviews, and agent-friendly web design.
skills/ai-friendly-web-design/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.