Ui Design

A comprehensive frontend design reference with 42 rules organized by impact level, from critical accessibility requirements to animation polish. Use this when you need to check WCAG compliance, optimize Core Web Vitals, or validate responsive design decisions. The structure is smart: rules are prefixed by category (access-, cwv-, layout-) and prioritized so you can focus on what actually matters first. It's opinionated in the right ways, like advocating for mobile-first design and semantic HTML, without being dogmatic. The full compiled AGENTS.md gives you detailed explanations when you need them, but the quick reference is useful enough on its own for code reviews or catching common mistakes before they ship.

Install to Claude Code

npx -y skills add pproenca/dot-skills --skill ui-design --agent claude-code