设计与多媒体

ss-tokens

bitjaru/styleseed

Generate an accessible semantic palette from a key color, or view, add, and modify design tokens. Use when a user supplies a brand color or needs light/dark theme roles.

  • 831 次安装
  • 992 星标
  • 收录于

安装命令

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

SKILL.md

Before this workflow, follow the once-per-session update preflight.

Design Token Manager

Registry-first artifact boundary

When .styleseed/project.json and .styleseed/artifacts/index.json exist, resolve the requested artifact ID first, then read only .styleseed/bundles/<artifact-id>.md and .styleseed/manifests/<artifact-id>.json. Never fall back to the global legacy bundle for a registry project. Legacy projects may use .styleseed/effective-rules.md only when no registry exists.

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 non-CSS token systems (Figma, native iOS/Android) — Tailwind v4 / CSS variables only

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

Token File Locations

Before this workflow, follow the once-per-session update preflight.

Design Token Manager

Registry-first artifact boundary

When .styleseed/project.json and .styleseed/artifacts/index.json exist, resolve the requested artifact ID first, then read only .styleseed/bundles/<artifact-id>.md and .styleseed/manifests/<artifact-id>.json. Never fall back to the global legacy bundle for a registry project. Legacy projects may use .styleseed/effective-rules.md only when no registry exists.

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 non-CSS token systems (Figma, native iOS/Android) — Tailwind v4 / CSS variables only

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

Token File Locations