@zackkorman/web-design-guidelines-4
@zackkorman/web-design-guidelines-4 — AI coding skill
No skills found in this collection.
SKILL.md
| name | web-design-guidelines-4 |
| description | Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices". |
Web Interface Guidelines
- Icon-only buttons need
aria-label - Form controls need
<label>oraria-label - Interactive elements need keyboard handlers (
onKeyDown/onKeyUp) <button>for actions,<a>/<Link>for navigation (not<div onClick>)- Images need
alt(oralt=""if decorative) - Decorative icons need
aria-hidden="true" - Async updates (toasts, validation) need
aria-live="polite" - Use semantic HTML (
<button>,<a>,<label>,<table>) before ARIA - Headings hierarchical
<h1>–<h6>; include skip link for main content scroll-margin-topon heading anchors
Loading...
Select a file to preview
Analyzing security...
Checking scan reports and verification data.
Bill of Materials
Everything this skill can do — files, network, commands, and more.
No demos yet. To add one, ask your AI agent: "Submit a demo for @zackkorman/web-design-guidelines-4" — or upload via the API.
To add a demo, ask your AI agent: "Submit a demo for @zackkorman/web-design-guidelines-4"
No eval data yet. Eval results are published via the SkillSafe API.