hulusi-tunc

Tokenize — Design skill for Claude Code

Design community

Stand up design system foundations — tokens, type scale, color, and spacing with adaptive-interface checks.

How to install Tokenize

Installs to ~/.claude/commands/hulusi-tunc-unicorn-skills-tokenize.md

Terminal
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/hulusi-tunc/unicorn-skills/HEAD/.claude/commands/tokenize.md -o ~/.claude/commands/hulusi-tunc-unicorn-skills-tokenize.md

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

What Tokenize does


description: Stand up design system foundations — tokens, type scale, color, and spacing with adaptive-interface checks. argument-hint: "[product or brand context, e.g., 'fintech dashboard, brand blue #0044CC']"

/tokenize

Stand up design system foundations.

Steps

  1. Direction first — Check taste/TASTE.md (taste skill) and name the project's visual direction (no-slop direction list) before any token locks it in.
  2. Token architecture — Define token tiers, naming, and st

Alternatives in Design

  • Interface Design — Design engineering for Claude Code 4.3k ★
  • Theme Swap — Recolour an extracted site's design around a new brand primary 3.6k ★
  • Deepen — Spare-budget design pass 1.1k ★

Full documentation available on GitHub

View Source Repository