Free, open source

AI-first design systems

A foundation for interfaces, prototypes, and MVPs

$ npx laptev/ds-halogen init
 Halogen installed into design_systems/halogen
 Registered in CLAUDE.md

Copy the system, follow the guide, and start shaping your product in minutes.

Halogen design system preview
New drop

Halogen design system

A dark-first design system with light and dark color schemes. Shaped for dense dashboards, creative tools, and AI product interfaces.

How to use it

Three steps to a working product.

Install the system, run the prompt, ship the result. No styling debt, no inconsistencies, no late polish round.

Step 1

Install the system

Drop the kit into your project. One npx command lands the files in place. Or copy them in by hand.

Step 2

Run the prompt

Open the included prompts in Claude Cowork. Paste them in and describe your product idea.

Step 3

Get the product

A working, on-system interface comes back. Tokens, components, motion, and copy already aligned.

Get in touch

Need help with your project? Let’s talk.