Curated stack
Design system foundations
Tokens, ramps, type scale and the references that show how good teams did it. Add the whole stack, or trim it first.
8 of 8
better-ui
Concentric radius, optical alignment, surface depth, hit areas.
Based on the Details That Make Interfaces Feel Better article. The small corrections that separate a shipped interface from a generated one.
npx skills add https://github.com/jakubkrehel/skills --skill better-ui
better-colors
Move a project to OKLCH, and answer anything about colour.
Convert colours, generate palettes, check contrast, clamp to a target gamut, set up fallbacks. Semantic tokens rather than a pile of hexes.
npx skills add https://github.com/jakubkrehel/skills --skill better-colors
better-typography
Type scale, variable fonts, OpenType features, wrapping, truncation.
The typographic details that hold up across a whole product rather than on one hero section.
npx skills add https://github.com/jakubkrehel/skills --skill better-typography
TypographyFull page & trust audit →Design System Checklist
An open-source checklist for planning and growing a design system.
Arda KaracizmeliSystemsThe unglamorous list of things that turn a component folder into a system.
https://www.designsystemchecklist.com
SystemsFull page & trust audit →Design Systems Surf
Components and foundations from top-tier design systems, side by side.
Ilya GrebenSystemsWhat the good teams actually shipped, rather than what the docs claim.
https://designsystems.surf
SystemsFull page & trust audit →OKLCH.fyi
Convert, generate and explore OKLCH colour.
IndependentColorBuild perceptually uniform palettes. The companion to the better-colors skill.
https://oklch.fyi
shadowLab
A playground for box shadows, web and React Native.
Adam MocarskiCraftSystemsBuild the elevation scale visually, export both platforms.
https://shadowlab.mocarski.design
The Component Gallery
How every serious design system builds each component.
IndependentSystemsComponentsAn up-to-date reference of interface components drawn from real, shipped design systems.
https://component.gallery
Jakub Krehel