web-interface-design

SKILL.md

Design exists to separate the primary from the secondary. Users should instantly recognize what matters. Good interface design is invisible—users accomplish goals without noticing the interface.

This skill orchestrates domain-specific reference files. Read only what you need for the task.

| Font sizes, line spacing, heading hierarchy, vertical rhythm | references/typography.md | | Input fields, validation, checkboxes, radios, selects, textareas | references/forms-and-inputs.md | | Button hierarchy, sizing, states, CTAs, ghost buttons | references/buttons.md |

À utiliser lors de la conception ou de la révision de l'interface utilisateur Web, de la mise en œuvre de formulaires/boutons/entrées, de la résolution de problèmes de hiérarchie visuelle, de la création de systèmes de couleurs, de la création de mises en page ou lorsque l'interface semble encombrée, difficile à lire ou que les utilisateurs ne savent pas sur quoi cliquer. Source : ratacat/claude-skills.

Voir l'original