hue
CommunityCreate 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.