Menu
Button hierarchy, states, sizing, labeling, and button group patterns.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
A/B test design, experiment setup, variant design, and statistical analysis for designers.
Advanced accessibility patterns including ARIA, screen reader optimization, cognitive accessibility, and motor impairment design.
WCAG compliance deep dive, screen reader patterns, keyboard navigation, and inclusive design.
Accordion and collapsible content patterns, FAQ layouts, and progressive disclosure.
Designing AI-powered features, managing user expectations, and AI transparency.
Using analytics tools for design decisions, behavioral analysis, and data-informed design.
Baseado na classificação ocupacional SOC
| name | button-design |
| description | Button hierarchy, states, sizing, labeling, and button group patterns. |
| triggers | ["button","button design","CTA","call to action"] |
| Size | Height | Use Case |
|---|---|---|
| Small | 32px | Inline actions, table rows, tags |
| Medium | 40px | Default for most contexts |
| Large | 48px | Hero CTAs, primary actions, mobile |
Every button needs: Default → Hover → Active/Pressed → Focus → Disabled → Loading
