hue

Community

Create opinionated design-system skills

Authorkmshihab7878
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Hue automates the creation of consistent, opinionated design-language skills from a brand input (URL, screenshot, or local codebase), so every subsequent Claude session produces visually consistent UI artifacts without manual token tuning.

Core Features & Use Cases

  • Automated brand analysis using web fetch, search, or local source inspection to extract colors, typography, spacing, and component patterns.
  • Structured generation of a single source of truth (design-model.yaml), semantic tokens, component specs, landing page, component library, and an app-screen proof that validates tokens in-context.
  • Icon kit selection, hero-stage synthesis (background + subject + relation), and safe fallbacks for proprietary assets so previews are honest and usable for product, marketing, and design teams.

Quick Start

Ask Claude to create a design skill from cursor.com.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: hue
Download link: https://github.com/kmshihab7878/claude-code-setup/archive/main.zip#hue

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.