Web Design Guidelines

A comprehensive reference for building accessible web interfaces that actually covers the important stuff: semantic HTML patterns, ARIA usage, keyboard navigation, focus management, and WCAG 2.2 contrast requirements. The tables are genuinely useful, especially the semantic element guide and the contrast ratio chart. It includes code examples for common patterns like focus traps and skip links, and calls out anti-patterns like div soup and placeholder-only labels. Invoke this when you're building or auditing anything that renders in a browser and need to avoid the accessibility mistakes that ship in 90% of web apps. The guidelines are framework-agnostic, so they apply whether you're writing vanilla HTML or working in React, Vue, or whatever.

Install to Claude Code

npx -y skills add ehmo/platform-design-skills --skill web-design-guidelines --agent claude-code