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.

Portfolio

Component Lab

My open portfolio of interface experiments. The working space where new patterns take shape before they settle into the systems.

Get in touch

Need help with your project? Let’s talk.