skillZs
LIVE SKILL TAGS
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
REAL INSTALL DATA
← back to all skills
bitjaru/styleseed126 installs

ss-tokens

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

How do I install this agent skill?

npx skills add https://github.com/bitjaru/styleseed --skill ss-tokens
view source ↗

Is this agent skill safe to install?

  • Gen Agent Trust Hubpass

    This skill is designed to manage design tokens (colors, typography, etc.) within a local design system. It facilitates viewing, adding, and updating JSON and CSS files using standard file system tools. No security issues or malicious patterns were identified.

  • Socketpass

    No alerts

  • Snykpass

    Risk: LOW · No issues

What does this agent skill do?

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

TypeJSON SourceCSS Implementation
Colorstokens/colors.jsoncss/theme.css :root + @theme inline
Typographytokens/typography.jsoncss/fonts.css + css/base.css
Spacingtokens/spacing.jsonTailwind utilities (no custom CSS needed)
Radiustokens/radii.jsoncss/theme.css @theme inline
Shadowstokens/shadows.jsoncss/theme.css :root

Instructions

list — Show current tokens

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

add — Add new token

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

update — Modify existing token

  1. Update the value in the JSON source file
  2. Update the CSS custom property in theme.css
  3. 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

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/bitjaru/styleseed/ss-tokens">View ss-tokens on skillZs</a>