ryanthedev

Color — Development skill for Claude Code

Development community

description: Build a color system from color science up Run the design-for-ai skill focused on color decisions.

How to install Color

Installs to ~/.claude/skills/ryanthedev-design-for-ai-color/SKILL.md

Terminal

mkdir -p ~/.claude/skills/ryanthedev-design-for-ai-color && curl -fsSL https://raw.githubusercontent.com/ryanthedev/design-for-ai/HEAD/commands/color.md -o ~/.claude/skills/ryanthedev-design-for-ai-color/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Color does

description: Build a color system from color science up

Run the design-for-ai skill focused on color decisions.

Read references/chapter-08-color-science.md and references/chapter-09-color-theory.md.
Use the "I Need to Choose Colors" decision tree from references/checklists.md.
Walk through:
- Mood: What should the design feel like? (or pull from /design context if available)
- Background: Appropriate to content density (white for content-heavy, dark for exclusive

Alternatives in Development

Mono Color Skill — One-ink editorial print image skill — warm paper, halftone photography, active negative space, and restrained 3k ★
Theme Color Conventions — Extensions in this repo use a consistent color language mapped to Pi's theme tokens 526 ★
Retune Color — Change a Graphite color safely by editing only the canonical primitive, then verify 452 ★