Skills
Practical instructions for better interface work.
AllLayoutTypographyMotionInteractionAccessibilityResponsiveFormsNavigationVisualPerformanceDesign SystemsTaste
Showing skills for: design system clear
01
accessible-focus-states
Keep a visible, high-contrast focus indicator on every interactive element, without a generic browser outline or none at all.
Accessibility · Interactionby UI Skillbook
Universal→
02color-contrast-for-taste
Use accessible contrast ratios as a floor, then build restrained hierarchy on top of them rather than treating them as the whole job.
Visual · Accessibility · Tasteby UI Skillbook
Universal→
03optical-alignment
Align interface elements by perceived visual weight, not just mathematical geometry.
Visual · Typographyby UI Skillbook
Universal→
04spacing-rhythm
Use a consistent spacing scale and grouping logic instead of arbitrary padding values.
Layout · Visualby UI Skillbook
Universal→