Use before choosing any color, text style, spacing, radius or border value in code that uses @charcoal-ui, and whenever…
Part of pixiv CharcoalPack · 6 skills
by pixiv· DesignUnclaimed · Yours? Claim it
About
Use before choosing any color, text style, spacing, radius or border value in code that uses @charcoal-ui, and whenever a literal is about to be written where a token exists — a hex color, a px padding or gap, a font-size, a border-radius or border-width. Charcoal has one correct token for each of these and the choice is prescribed, not a matter of taste. Also use when reviewing such code, or when deciding how dense, how loud or how bordered a screen should be.
Skills people install alongside choosing-charcoal-tokens.
Runs on your machine.
Runs on your machine.
Runs on your machine.
Runs on your machine.
npx -y degit pixiv/charcoal/skills/choosing-charcoal-tokens ~/.copilot/skills/choosing-charcoal-tokens
Runs on your machine.
npx -y degit pixiv/charcoal/skills/choosing-charcoal-tokens ~/.cursor/skills/choosing-charcoal-tokens
Runs on your machine.
npx -y degit pixiv/charcoal/skills/choosing-charcoal-tokens ~/.claude/skills/choosing-charcoal-tokens
/plugin marketplace add pixiv/charcoal /plugin install charcoal@charcoal
Runs on your machine.
npx -y degit pixiv/charcoal/skills/choosing-charcoal-tokens ~/.agents/skills/choosing-charcoal-tokens
Runs on your machine.
Runs on your machine.
npx -y degit pixiv/charcoal/skills/choosing-charcoal-tokens ~/.gemini/skills/choosing-charcoal-tokens
Runs on your machine.
npx -y degit pixiv/charcoal/skills/choosing-charcoal-tokens .agents/skills/choosing-charcoal-tokens
Runs on your machine.
npx -y degit pixiv/charcoal/skills/choosing-charcoal-tokens ~/.openclaw/skills/choosing-charcoal-tokens
Runs on your machine.
npx -y degit pixiv/charcoal/skills/choosing-charcoal-tokens ~/.config/opencode/skills/choosing-charcoal-tokens
Runs on your machine.
npx -y degit pixiv/charcoal/skills/choosing-charcoal-tokens ~/.hermes/skills/choosing-charcoal-tokens
Scanned and passed · checked 1 h ago
From people who use it
Step by step
Nothing new reaches your agent until a person has looked at it.
Scanned on every change, and again when our rules improve.
No reviews yet. Used choosing-charcoal-tokens? Say how it went.
Write a reviewSkills people install alongside choosing-charcoal-tokens.
Has your agent explain a technical idea as an interactive isometric figure of a real machine, built from many small shaded parts.
A community skill that turns a description, code, Terraform, SQL or API schemas into editable draw.io diagrams, and keeps them in sync.
Turns your agent into a disciplined logo designer, from the brief to tested SVG concepts, lockups, icons and brand guidelines.
Turns one approved character still into a game-ready sprite set: every action animated, keyed, looped and exported for your engine.
Nobody has shared how they use choosing-charcoal-tokens yet.
Security scan
Passed
Safe to install in every agent it supports. Runs in your agent, as instructions.