Arda KaracizmeliThe unglamorous list of things that turn a component folder into a system.
Install on its own
Or add it to your stack above and install everything at once.
https://www.designsystemchecklist.comTrust audit
View the source ↗- Checked automatically and confirmed.
- Resolved (HTTP 200), passed
- Checked automatically and confirmed.
- Transcribed from the author's own page, passed
- Checked automatically and confirmed.
- Credited to Arda Karacizmeli, passed
Goes well with
pick-ui-library
Picks the library from the set Emil actually uses and trusts.
Stops your agent hand-rolling a toast or installing whatever is trending. Covers components, motion, charts, interaction, state and styling.
npx skills add https://github.com/emilkowalski/skills --skill pick-ui-library
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
ordinary-interfaces
180 interface rules that each carry a number and its evidence grade.
Every rule states a value, cites whether that value is spec, measured or convention, and says where it stops applying. Reads your project's own tokens before it quotes a default, so a 7px radius in a 7px system is correct rather than a finding.
npx skills add https://github.com/Board-ly/ordinary-interfaces
Emil Kowalski
Jakub Krehel
Finn Marten