ss-tokens

List, add, and update design tokens across JSON and CSS sources.

22|1|Updated Jul 17, 2026
One-click install
npx skills add https://github.com/izzoa/polyrouter --skill ss-tokens
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ss-tokens
Source: https://github.com/izzoa/polyrouter/tree/main/.agents/skills/ss-tokens
Command: npx skills add https://github.com/izzoa/polyrouter --skill ss-tokens

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you add, update, and review design tokens in the StyleSeed design system so your colors, spacing, radii, shadows, and typography stay consistent across JSON sources and CSS output.

Core Features & Use Cases

  • List tokens: Inspect the current token definitions in the relevant source file and review how they map to CSS.
  • Add or update tokens: Keep JSON token files and CSS variables synchronized when introducing new design values or changing existing ones.
  • Maintain system consistency: Use the Skill when implementing brand-approved visual changes that need to flow cleanly through the design system.
  • Use case: A designer requests a new semantic success color, and this Skill guides the addition of the token in both the token JSON and the CSS theme files.

Quick Start

Ask to list the spacing tokens, or add a new semantic color token and update the matching CSS variables.

Frequently Asked Questions about ss-tokens

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I keep design tokens synchronized across JSON and CSS variables?

To keep design tokens synchronized across JSON and CSS variables, you can list, add, and update token definitions so changes to colors, spacing, and typography flow cleanly through both source and theme files.

How do I add a new semantic color token with light and dark mode support?

To add a new semantic color token with light and dark mode support, you define the token in the JSON source file and apply the aligned values to the matching CSS variables in the theme files.

What are design tokens and when do I need to manage them?

Design tokens are centralized JSON and CSS variables that store visual design decisions like colors, spacing, shadows, and radii. You need to manage them when implementing brand-approved visual changes that require consistent design system updates.

Can I update spacing and typography tokens without breaking existing CSS variables?

Yes, you can update spacing and typography tokens without breaking existing CSS variables by reviewing current token definitions first, then applying synchronized updates across both the JSON token files and the CSS theme outputs.

What's the best way to review existing design tokens before making changes?

The best way to review existing design tokens before making changes is to list the current token definitions from the source file and inspect how they map to the corresponding CSS variables.

Does this design token management approach work for shadow and radius values?

Yes, this design token management approach works for shadow and radius values, applying the same synchronized update workflow used for colors and spacing across JSON sources and CSS output.