Typeui Fundamentals

This is the layer that explains why design systems make the choices they do. It covers visual hierarchy, the 30 UX interaction laws, typography fundamentals, and WCAG compliance requirements. Use it when your design system doesn't specify something, when you need to validate that a decision follows sound principles, or when aesthetics and accessibility are at odds. The load order matters: read your design system first for concrete tokens, then load this to understand the reasoning. It won't tell you which blue to use, but it will tell you why that blue needs 4.5:1 contrast and when to break visual rhythm for emphasis.

Install to Claude Code

npx -y skills add bergside/typeui --skill typeui-fundamentals --agent claude-code