Hue
Designs color systems — semantic tokens, dark/light mode palettes, and WCAG contrast compliance for design systems. Use when building or auditing a color palette for a product. Trigger with \"design a color system\", \"audit our color tokens\".
- Type
- Subagent
- Repository
- jeremylongshore/tons-of-skills-marketplace
- GitHub stars
- 2.8k
- License
- MIT
- Repo last updated
- Sep 27, 2026
- Source file
- plugins/ai-agency/tonone/agents/hue.md
- Model
- sonnet
- Version
- 1.0.0
- Author
- Jeremy Longshore <[email protected]>
What Hue is
Hue is a subagent published in the jeremylongshore/tons-of-skills-marketplace repository on GitHub, which has about 2.8k stars. The repository describes itself as: “Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com.”
A subagent is a specialist assistant that Claude can hand part of a task to. It is a markdown file whose frontmatter sets a name, a description that tells Claude when to delegate, and optionally the tools and model it may use; the body becomes the subagent's own system prompt.
Because a subagent works in its own context, it keeps the main conversation focused: Claude can send a narrow job, such as a review or a specialised analysis, to Hue and get back a compact result.
How to install Hue
Claude Code
- Download hue.md from the repository.
- Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control.
- Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.
Claude Cowork
- Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent.
- Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.
New to extending Cowork? Our plugins guide and Customize guide explain how skills, plugins, and connectors fit together.
Inside the source file
An excerpt from plugins/ai-agency/tonone/agents/hue.md, shared under the repository's MIT license. Read the full file on GitHub.
You are Hue — Color Systems Designer on the Design Team. Designs color systems that are semantically meaningful, accessible, and scalable across themes.
Think in design systems, not one-off decisions. Every design choice should be derivable from a principle or a token — not made fresh each time. Always frame output as: what the system is, why it works, and how to implement it.
Communication
Respond terse. All design substance stays — only filler dies. Follow output-kit protocol: compressed prose, no filler, fragments OK. Documents: normal prose. See docs/output-kit.md for CLI skeleton, severity indicators, 40-line rule.
Operating Principle
Color is architecture, not decoration. A well-designed palette has three layers: brand (the 1-2 signature colors), semantic (success/warning/error/info), and surface (backgrounds, borders, text). Everything else is derived. Never design a color in isolation — always show it in context.
What you skip: Illustration color, photography direction — those belong to Cut and Mark.
What you never skip: Never ship a color that fails WCAG AA (4.5:1 for body, 3:1 for large text). Always verify.
Scope
Owns: Color palette design — semantic tokens, dark/light mode, WCAG contrast compliance
Skills
- Hue Palette: Design a color palette with semantic tokens for a brand or product.
- Hue Token: Audit or refactor a design token system for color — naming, structure, and coverage.
- Hue Recon: Audit existing color usage in a codebase — find inconsistencies, hardcoded values, and contrast failures.
Key Rules
- Name colors semantically (surface-primary, text-inverse) not literally (gray-700)
- Every palette ships with both light and dark mode tokens
- WCAG AA is a floor, not a ceiling — check contrast on every combination
- Brand colors are immutable; semantic colors are derived from brand but can flex
- Always show colors in a usage example, not just swatches
Process Disciplines
When performing Hue work, follow these superpowers process skills:
Iron rule: No completion claims without fresh verification.
Before you install
- Read the whole file first. Skills, commands, and subagents are instructions Claude will follow, so make sure they match what you want.
- Check which tools, scripts, or MCP servers it uses. Local servers and scripts run with your permissions.
- Try it in a test project or a copy of your files before pointing it at real work.
- Pin the version you tested, and review changes before updating.
- Watch for instructions that fetch web content or run shell commands; those are where prompt injection risks start. See our prompt injection guide.
FAQ
What is Hue?
Hue is a subagent for Claude Code and Claude Cowork from the jeremylongshore/tons-of-skills-marketplace repository on GitHub. Designs color systems — semantic tokens, dark/light mode palettes, and WCAG contrast compliance for design systems. Use when building or auditing a color palette for a product. Trigger with \"design a color system\", \"audit our color tokens\".
How do I install Hue in Claude Code?
Download hue.md from the repository. Save it to ~/.claude/agents/ to use it in every project, or to .claude/agents/ inside one project to share it through version control. Claude Code watches these folders, so the subagent is usually available right away. Ask Claude to use it by name, or @-mention it to make sure it runs.
Can I use Hue in Claude Cowork?
Cowork loads subagents through plugins. If the repository is packaged as a plugin marketplace, add it under Customize → Plugins → Add marketplace and install the plugin that contains this subagent. Otherwise, bundle the file into your own plugin's agents/ folder and upload it from Customize → Plugins.
Is Hue safe to install?
It is a third-party community resource, not reviewed by Anthropic or this site. Read the source file first, check which tools and connectors it uses, and install only from sources you trust.
Similar resources
- Fairdb Setup Backup Configure pgBackRest with Wasabi S3 for automated PostgreSQL backups Slash Command · jeremylongshore/tons-of-skills-marketplace
- Fastapi Scaffold Generate production-ready FastAPI REST API with async and authentication Slash Command · jeremylongshore/tons-of-skills-marketplace
- Fairdb Ops Auditor Audits FairDB VPS instances at three depth levels against SOP-001 (security), SOP-002 (PostgreSQL config), and SOP-003 (backup integrity), producing a scored compliance report with remediation steps. Use when validating a server's configuration or preparing for a compliance review. Trigger with "audit this FairDB server", "run a compliance check". Subagent · jeremylongshore/tons-of-skills-marketplace
- Fathom Pack Claude Code skill pack for Fathom (18 skills) Plugin · jeremylongshore/tons-of-skills-marketplace
- Hunt Runs hypothesis-driven threat hunts to surface attackers that evaded automated detection — IOC enrichment, compromise assessment, and hunting playbooks. Use when proactively searching for threats or assessing potential compromise. Trigger with \"run a threat hunt\", \"assess for compromise\". Subagent · jeremylongshore/tons-of-skills-marketplace
- Helm Head of Product — turns goals and user problems into scoped product briefs ready for engineering handoff via the Helm↔Apex interface. Use when defining what to build, prioritizing scope, or dispatching product specialists. Trigger with \"write a product brief\", \"help me scope this feature\". Subagent · jeremylongshore/tons-of-skills-marketplace
- Idea Generator Transforms technical builds and projects into ranked viral video ideas with titles, hooks, thumbnail concepts, and audience targeting. Use when deciding what to film next from your recent work. Trigger with \"generate video ideas\", \"what should I make next\". Subagent · jeremylongshore/tons-of-skills-marketplace
- Guide Writes and audits API reference docs, integration guides, and SDK documentation that developers actually use. Use when documenting an API endpoint, auditing doc coverage, or writing a developer quickstart. Trigger with \"document this API\", \"audit our developer docs\". Subagent · jeremylongshore/tons-of-skills-marketplace