absolute-ui

When this skill is activated, always start your first response with the 🧢 emoji. # Absolute UI A comprehensive design system knowledge base for building UIs that feel crafted by a senior designer, not generated by a prompt. This skill encodes specific, opinionated rules - exact spacing values, proven color ratios, real typography scales, and battle-tested component patterns. Every recommendation is actionable with concrete CSS/Tailwind values, not vague advice like "make it clean." The difference between AI slop and a polished UI comes down to constraint and restraint - fewer colors used with intention, consistent spacing from a scale, typography that creates hierarchy without screaming, and micro-interactions that feel responsive without being distracting. --- ## When to use this skill Trigger this skill when the user: - Asks to build or style a UI component (button, card, form, table, nav) - Needs help with layout, spacing, or grid decisions - Wants to implement dark mode or theme switching - Asks about typography, font choices, or text styling - Needs accessible and WCAG-compliant designs - Wants landing page, onboarding, or conversion-focused layouts - Asks about animations, transitions, or micro-interactions - Needs help with responsive design or mobile navigation - Wants feedback patterns (toasts, tooltips, loading states) - Asks to make something "look better" or "more professional" Do NOT trigger this skill for: - Backend logic, API design, or database schema ...