One foundation.
Every surface.
Skrewww is an AI-first design system platform. The same 63 components adapt through tokens — never forks — across shape, surface, brand, and eventually industry. Built to be read by designers, developers, and coding agents alike.
Architecture
Every decision in this system is scoped to one of four layers. Status shown here is real, not aspirational.
Foundation
CompleteTokens, color, type, spacing, radius, elevation, motion, icons, accessibility.
Component Library
CompleteActions, Forms, Navigation, Feedback, Containers & Overlays, Content & Data.
Style Systems
Validated on 3 componentsShape (Sharp/Rounded/Pill/Squircle/Brand) and Surface (Flat/Gradient/Glass) — the same components, restyled through tokens.
Industry Systems
Banking pilot (3 components)Banking, Healthcare, Enterprise SaaS, and more — inheriting from the core, never forking it.
Tokens, not hex codes
Every color, radius, and shadow referenced in these docs is a real, resolvable token — not prose describing one. This is what a Button actually points to:
semantic/action/primary component/radius/control semantic/focus-ring