Skip to content
SlashClone
DiscoverUse in ClaudeSubmit a link
Sign in
Made by@brandkit

Brand tokens export

@brandkit/brand-tokens-export

Turn the tokens in your brand.md into code: CSS variables, a Tailwind theme (v3 and v4), and a design-tokens.json for Figma token plugins. One source of truth, regenerated in a second whenever the brand changes.

SkillContentv1.0.0 (latest)Tested
Use in Claude Save Like Clone Comment
Activity
New: be the first to try it

What this kit declares, in the same words the CLI shows before you install. On Claude Code the CLI turns these into permission rules, so the agent stops anything undeclared.

  • Command

    Runs the command: node scripts/export-tokens.mjs (with any arguments, without asking)

  • Reads

    Reads files in ./brand.md

  • Reads

    Reads files in ./docs/brand.md

  • Writes

    Writes files in ./brand-tokens/**

Works with
claude-code
License
MIT