# 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](https://x.com/arlanmarat) and [GitHub](https://github.com/arla6ka).

Updated 19 October 2026. By Arlan Marat (https://design.how/about).

## What is here

- Design systems: [Glaze](https://design.how/systems/glaze), [Quartz](https://design.how/systems/quartz), [Lime](https://design.how/systems/lime). Each installs from a shadcn registry and brings a skill and a lint.
- [Skills](https://design.how/skills): 6 agent skills for building, migrating, mapping, reviewing and documenting a design system.
- [Directory](https://design.how/directory): the company design systems, open source UI libraries and icon libraries design.how studies.

## How the systems are made

- 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](https://design.how/systems) are pictures of each system's own components.
- The source is on [GitHub](https://github.com/arla6ka/design.how), MIT licensed.

## Start here

- [What is a design system for agents?](https://design.how/design-systems-for-agents)
- [The best design system for AI agents](https://design.how/best-design-system-for-ai-agents)
- [How to give Claude Code a design system](https://design.how/claude-code-design-system)
- [AI slop UI](https://design.how/ai-slop-ui)