hue

skill
Security Audit
Warn
Health Warn
  • No license — Repository has no license file
  • Description — Repository has a description
  • Active repo — Last push 0 days ago
  • Low visibility — Only 6 GitHub stars
Code Pass
  • Code scan — Scanned 12 files during light audit, no dangerous patterns found
Permissions Pass
  • Permissions — No dangerous permissions requested
Purpose
This tool is a Claude Code skill that analyzes a brand from a URL, name, or screenshot to generate a complete, consistent design system (including colors, typography, and components) for future UI generation.

Security Assessment
The automated code scan reviewed 12 files and found no dangerous patterns or hardcoded secrets. The tool does not request dangerous system permissions. However, users should be aware that by design, the skill likely makes outbound network requests to fetch and analyze external websites based on the URLs provided in prompts. Because it runs locally via a cloned Git repository rather than an installed executable package, the overall risk is Low.

Quality Assessment
The project is very new and currently has low community visibility with only 6 GitHub stars. Despite this, it is actively maintained, with the most recent code push occurring just today. While the automated scan noted a missing license file, the README explicitly states the project uses the MIT license, which permits forking, remixing, and commercial use. The repository also includes excellent documentation and a comprehensive set of examples to demonstrate its capabilities.

Verdict
Safe to use — it runs locally with clean code and no dangerous permissions, though its low community trust means you should quickly review the cloned files before integrating them deeply into your workflow.
SUMMARY

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

README.md

hue

an open-source claude code skill that learns any brand from a url, name, or screenshot and turns it into a complete design system. install it once, and every component claude builds after that matches your brand.

see it in action: hueapp.io

what you get

a full design language as a claude code skill — color tokens, typography, spacing, components, light + dark mode, hero stage recipes, icon kit selection. opinionated enough that two different claude sessions using the generated skill produce visually consistent output.

install

git clone https://github.com/dominikmartn/hue ~/.claude/skills/hue

then in any claude code session say something like:

  • "make a design skill from cursor.com"
  • "create a design language inspired by raycast"
  • "generate a hue skill from this screenshot"

claude picks up the trigger and walks through the analysis.

examples

seventeen brands live in examples/ showing the range of output hue produces. sixteen are fictional one-shots, one is real (meadow ↦ the mymind-design skill).

brand character
atlas ivory engineering, classical maritime charts
auris premium audio, monochrome dark
drift hot pink fashion commerce
fizz y2k pop photo-sharing, candy chrome
halcyon cool teal sculptural glass
kiln dark fired earth, molten terracotta
ledger newsprint editorial, financial broadsheet
meadow warm cream editorial (real, from mymind-design)
orivion luminous red-violet glow
oxide brutalist mono compute protocol
prism cyberpunk holographic shader engine
relay swiss transit, departure board precision
ridge slate emerald dev platform
solvent warm amber generative shader
stint muted violet productivity
thrive sage green wellness, light mode
velvet noir editorial fragrance house

each has a design-model.yaml + landing-page.html. ridge and stint also ship an app-screen.html. halcyon ships a full component-library.html. open them in a browser to see the system rendered.

license

MIT. fork it, remix it, build your own.

Reviews (0)

No results found