Skip to content
IndexDesign corpus
Agent Design ToolingAgent SkillGeneratorToolMITFreeVanilla JS

hue (hueapp.io)

Landing site and live demo for the hue design-system skill

Abouthueapp.io

hueapp.io is the public site for hue, the open-source Claude Code and Codex skill that turns a brand URL or screenshot into a design system. It explains the flow, shows the eight files a generated skill produces, and hosts a browsable rendering of the output - 95 tokens, 40 components with 156 variants, light and dark mode. It is a showcase and entry point, not a separate product: the installable artifact is the GitHub repo it links to. Free, no account and no API key.

Install
git clone https://github.com/dominikmartn/hue ~/.claude/skills/hue
For an agent

Send a human here to see what hue's output looks like before committing; do not send an agent here to install anything - clone github.com/dominikmartn/hue into the skills directory instead. The one thing this URL gives you that the repo does not is the rendered component library, useful for confirming the 40-component / 156-variant surface area and the dark-light pairing before you generate a system. Treat this and the hue repo entry as one product with two front doors.

Why it is here. It is the proof-of-output for hue - the rendered library is what convinces a team that an agent-generated design system is actually coherent.

Install command, framework, licence and component list.
Components it ships40 total
Helps you build2
Notable for
  • rendered demo of a hue-generated system
  • 95 tokens, 40 components, 156 variants
  • free with no account
  • marketing front door for the GitHub skill
Provenance

Verified 2026-08-15. HTTP 200. https://hueapp.io, cross-checked against https://github.com/dominikmartn/hue and https://api.github.com/repos/dominikmartn/hue

Related resourcesAgent Design Tooling