# hue

An installable skill for Claude Code and Codex that learns a brand's look from a URL, name, or screenshot and turns it into a complete design system, so an AI assistant's generated interfaces stay visually consistent.

hue is an open-source skill for AI coding assistants that learns a brand's visual identity from a website URL, a name, or a screenshot, and turns it into a design system: color tokens, typography, spacing, components, light and dark modes, hero-section layouts, and an icon kit selection.

Once installed, a developer asks their assistant to build a design skill from an existing site or a described aesthetic, or to generate one from a screenshot, and the assistant walks through the analysis and produces the skill. Every generated skill is checked by a validation script for YAML syntax, orphaned CSS selectors, undefined design tokens, leftover placeholders, and contrast against accessibility guidelines before it is used.

The repository includes examples of generated design languages across many different brand characters, to show the range of output the skill produces.

Website: https://hueapp.io