About

design.how makes free, installable design systems for coding agents, and skills for design system work. It is made by Arlan Marat, on X ↗ and GitHub ↗.

• Design systems: Glaze, Quartz, Lime. Each installs from a shadcn registry and brings a skill and a lint.
• Skills: 6 agent skills for building, migrating, mapping, reviewing and documenting a design system.
• Directory: the company design systems, open source UI libraries and icon libraries design.how studies.

• Each system is its own shadcn registry: tokens, components, blocks, docs and a lint, built and checked together.
• Every docs page and its agent view print from the same structured data, so the page a person reads and the Markdown an agent reads can't say different things.
• Every lint rule has a planted violation it must catch and a clean screen it must pass, and the build fails when either breaks.
• The covers on Systems are pictures of each system's own components.
• The source is on GitHub ↗, MIT licensed.

• What is a design system for agents?
• The best design system for AI agents
• How to give Claude Code a design system
• AI slop UI