🎨 Design

better-colors

Name: better-colors
Author: jakubkrehel

by jakubkrehel23 days ago3k

OKLCH color space and color usage for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, theme with Tailwind v4, and apply color with meaning. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, semantic color tokens, hue drift, chroma, dark mode colors, accent color, color meaning, light and dark appearance, increased contrast.

Install

npx skills add https://github.com/jakubkrehel/skills --skill better-colors

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/jakubkrehel--skills--skills--better-colors/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@jakubkrehel

"In a recent article, I wrote about using skills to encode judgement and understanding into agents. I put together a set of skills that each focus on a..."

Related skills

🎨 Design

baoyu-comic

Knowledge comics (知识漫画): educational, biography, tutorial.

by NousResearch · 2 months ago225.3k

🤖 ML/AI

comfyui

Generate images, video, and audio with ComfyUI — install, launch, manage nodes/models, run workflows with parameter injection. Uses the official comfy-cli for lifecycle and direct REST/WebSocket API for execution.

by NousResearch · 3 months ago225.3k

🤖 ML/AI

hyperframes

Render MP4/WebM videos from HTML compositions.

by NousResearch · 3 months ago225.3k

🎨 Design

p5js

p5.js sketches: gen art, shaders, interactive, 3D.

by NousResearch · 3 months ago225.3k