/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
shell
$ npx -y skills add ianho7/ai-friendly-web-design-skill --skill ai-friendly-web-design --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/ai-friendly-web-design
Context preview
The summary Claude sees to decide when to auto-load this skill.
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
Ships withai-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
Get the whole plugin, auto-invoked
Stats
70
Stars
0
Views
2
Forks
Maintained
Maintenance
JavaScript
Language
1mo ago
Last commit
4mo ago
Created
Repo: ianho7/ai-friendly-web-design-skill