Neura Market
Hue logo

Hue

Free

open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once, every UI your assistant builds matches your brand.

FreeFree tier
Inputs: url
Type
Saas
Visit Website GitHub (531 stars)
LinksX

About Hue

Hue is an open-source skill for Claude Code and Codex that learns any brand from a URL or screenshot and generates a complete design system. It captures colors, typography, radii, spacing, motion, and voice, then produces a set of design tokens and a component library with over 30 components (buttons, inputs, cards, etc.) including dark and light mode. Once installed, every UI your AI assistant builds matches your brand. The skill runs entirely offline against your own model, requires no account or API key, and is MIT licensed. It is a solo project by Dominik Martin, a software designer and engineer based in Berlin.

Key Features

Learns brand from a URL or screenshot and generates a complete design system
Produces design tokens, typography, radii, elevation, spacing, motion, and voice
Generates a browsable component library with 30+ components (buttons, inputs, cards, etc.)
Includes dark and light mode for every component
Works offline against your own model; no account or API key required
Free, open-source, MIT licensed; install via git clone into skills folder

Pros & Cons

Pros
  • Free and open-source with MIT license
  • Simple setup – clone into skills folder and use
  • Runs entirely offline; no external service dependency
  • Comprehensive output including tokens, components, and both themes
  • Brand-aware UI generation eliminates generic AI styling
Cons
  • Only works with Claude Code and Codex (not generic AI coding assistants)
  • Solo project with limited support and no formal roadmap
  • Requires manual installation via git clone

Best For

Developers using Claude Code or Codex who want AI-generated UI to match their brandTeams that need consistent brand-aligned components across AI-assisted projectsDesigners and engineers who want to quickly capture and reuse a brand's design system

FAQ

How does hue work?
You point hue at a visual source (a URL or screenshot). It analyzes the source, captures the design system (colors, typography, radii, spacing, motion, voice), and writes the result as a self-contained skill folder. From then on, your AI assistant builds on-brand.
Is hue free?
Yes, hue is completely free, open-source (MIT licensed), and requires no account, API key, or subscription.
Which AI assistants does hue work with?
Hue works with Claude Code and Codex. It is installed as a skill in their skills folders.