Hue

hue

No more generic UI
with Claude or Codex.

hue is an open-source skill for Claude Code and Codex that learns any brand and generates a complete design system. Install it once, and every component your AI builds matches your brand perfectly.

Version 1.2
01 Drop a URL or screenshot 02 hue captures it as a system 03 Every UI your AI builds matches
velvet landing page preview
atlas landing page preview
prism landing page preview
fizz landing page preview
kiln landing page preview
halcyon landing page preview
meadow landing page preview
stint landing page preview
thrive landing page preview
drift landing page preview
auris landing page preview
ledger landing page preview
orivion landing page preview
relay landing page preview
solvent landing page preview
ridge landing page preview
oxide landing page preview
velvet landing page preview
atlas landing page preview
prism landing page preview
fizz landing page preview
kiln landing page preview
halcyon landing page preview
meadow landing page preview
stint landing page preview
thrive landing page preview
drift landing page preview
auris landing page preview
ledger landing page preview
orivion landing page preview
relay landing page preview
solvent landing page preview
ridge landing page preview
oxide landing page preview
velvet
prism
kiln
meadow
thrive
auris
orivion
solvent
oxide
velvet
prism
kiln
meadow
thrive
auris
orivion
solvent
oxide
atlas
fizz
halcyon
stint
drift
ledger
relay
ridge
atlas
fizz
halcyon
stint
drift
ledger
relay
ridge

All one-shot generations.
Post yours on X with @dominikmartn to land in this carousel.

01 Drop a URL or screenshot
02 hue captures it as a system
03 Every UI your AI builds matches
Not just a vibe

Every brand above ships a system like this one.

One of the 8 generated files is a full, browseable component library. Tokens, typography, radii, elevation, buttons, inputs, cards, and 30 more components. Dark and light mode included.

halcyon · component-library.html auto-generated
40Components
156Variants
95Tokens
Install

It's free.

Open source. No account. No API key. No subscription. Clone it into your skills folder and start generating.

Works with Claude Code and Codex

View on GitHub
Made by
Dominik Martin
Dominik Martin

hue is a solo side project. If it saves you time, consider sponsoring. It keeps the skill free and actively maintained.