Ss tokens

Skill bitjaru/styleseed/engine/.claude/skills/ss-tokens

Open-source design-method engine for Claude Code, Codex & Cursor. Gives coding agents fixed design judgment—not one fixed aesthetic—then selects or derives the right grammar from references, locks project decisions, and verifies UI, carousels, decks & docs. 20 skills · MIT.

Install

npx -y skills add bitjaru/styleseed --skill ss-tokens

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

View, add, or modify design tokens in the StyleSeed design system

SKILL.md

2.0 KB, as published. Nobody here has run it

Design Token Manager

When NOT to use

For applying tokens in components → use /ss-component or /ss-pattern
For finding token violations in existing code → use /ss-lint
For brand-wide color/font choices that don't exist yet — define a skin first, then add tokens
For non-CSS token systems (Figma, native iOS/Android) — Tailwind v4 / CSS variables only

Action: $0 | Token type: $1 Arguments: $ARGUMENTS

Token File Locations

Type	JSON Source	CSS Implementation
Colors	`tokens/colors.json`	`css/theme.css` `:root` + `@theme inline`
Typography	`tokens/typography.json`	`css/fonts.css` + `css/base.css`
Spacing	`tokens/spacing.json`	Tailwind utilities (no custom CSS needed)
Radius	`tokens/radii.json`	`css/theme.css` `@theme inline`
Shadows	`tokens/shadows.json`	`css/theme.css` `:root`

Instructions

`list` — Show current tokens

Read and display the requested token file in a formatted table.

`add` — Add new token

Add the token to the JSON source file (tokens/*.json)
Add the CSS custom property to css/theme.css under :root
If it needs a Tailwind utility, add to the @theme inline block
If it has a dark mode variant, add to the .dark block

`update` — Modify existing token

Update the value in the JSON source file
Update the CSS custom property in theme.css
Check all components for direct usage that might need updating

Rules

Always keep JSON and CSS in sync
Use semantic names, not descriptive names (--success not --green-500)
Colors should support both light and dark modes
New tokens must be added to BOTH the JSON source AND the CSS implementation