Best use case
Use Design Token Synchronizer when you need to sync design tokens into code systems with theme-aware mappings, utility classes, and drift resistance, especially when the work is driven by design tokens and tailwind config.
Frontend · Global library
Design Token Synchronizer
Sync design tokens into code systems with theme-aware mappings, utility classes, and drift resistance.
CodexClaude CodeKimi Codeorchestrator-mcp
Trigger signals
design tokenstailwind configfigma variables
Validation hooks
verify_token_consistency
Install surface
Copy the exact command path you need.
Inspect
pip install "orchestrator-mcp[dashboard]"
orchestrator-mcp skills show design-token-synchronizerUse
orchestrator-mcp skills export design-token-synchronizer --to ./skillforge-packs
# copy the exported pack into your preferred agent environmentExport
cp -R skills/design-token-synchronizer ./your-agent-skills/design-token-synchronizer
# or open skills/design-token-synchronizer/SKILL.md in a markdown-first clientFile patterns
**/tailwind.config.***/tokens/****/*.css
Model preferences
gemini-2.5-proqwen3-coder:480b-cloudqwen2.5-coder:32b
Related skills
Adjacent packs to compose next.
FrontendGlobal library
@property Animator
Creates smooth, performant animations of CSS custom properties using @property to enable transitions on gradients, transforms, and complex values
CodexClaude Code
FrontendGlobal library
3D CSS Specialist
Creates immersive 3D experiences using CSS transforms, perspective, and transform-style for depth and dimension without JavaScript
CodexClaude Code
FrontendGlobal library
Accessible Form Builder
Creates fully accessible forms with proper labeling, error handling, validation announcements, and keyboard navigation for all users
CodexClaude Code