Manages design tokens in the StyleSeed design system, letting you view, add, or update colors, spacing, shadows, radius, and typography values. It keeps JSON source files synced with CSS custom properties across tokens/*.json and css/theme.css, handling both Tailwind utilities and raw CSS variables. The skill enforces semantic naming (--success not --green-500) and maintains light/dark mode variants. It won't help you apply tokens to components or lint existing code for violations, but it's the right tool when you need to add a new brand color or tweak spacing values at the token level. The dual-file sync approach is straightforward if you understand how Tailwind v4 and CSS variables work together.

skills.sh installs
831
GitHub stars
1K
last updated
Jun 11, 2026

Install

$ npx -y skills add bitjaru/styleseed --skill ss-tokens --agent claude-code

Installs into .claude/skills of the current project.

Files

Manages design tokens in the StyleSeed design system, letting you view, add, or update colors, spacing, shadows, radius, and typography values. It keeps JSON source files synced with CSS custom properties across tokens/*.json and css/theme.css, handling both Tailwind utilities and raw CSS variables. The skill enforces semantic naming (--success not --green-500) and maintains light/dark mode variants. It won't help you apply tokens to components or lint existing code for violations, but it's the right tool when you need to add a new brand color or tweak spacing values at the token level. The dual-file sync approach is straightforward if you understand how Tailwind v4 and CSS variables work together.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/bitjaru/styleseed
Category
Design & UI/UX
License
MIT
First seen
Jun 11, 2026

More from bitjaru/styleseed

All 14
1softaworks avatarmuisoftaworks/agent-toolkitMaterial-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI com824skills.sh installs
2mindrally avataranime-jsmindrally/skillsExpert guidelines for building performant animations with Anime.js animation library763skills.sh installs
3product-on-purpose avatarfoundation-lean-canvasproduct-on-purpose/pm-skillsProduces a one-page lean canvas across nine interlocking blocks (problem, customer, UVP, solution, channels, revenue, cost, metrics, unfair advantage) with opti762skills.sh installs
4boise-state-development avatarangular-best-practicesboise-state-development/agentcore-public-stackAngular 21 development with modern best practices including signals, standalone components, reactive patterns, and accessibility. Use when creating Angular comp758skills.sh installs
5syncfusion avatarsyncfusion-react-themessyncfusion/react-ui-components-skillsUse this skill when users need to apply themes, customize appearance, switch dark mode, use CSS variables, configure icons, or modify visual styling for Syncfus755skills.sh installs
6syncfusion avatarsyncfusion-react-image-editorsyncfusion/react-ui-components-skillsMaster Syncfusion React Image Editor for comprehensive image editing. Use this when users need to edit images, add annotations, apply filters, manage layers, or743skills.sh installs