Generate descriptions for design tokens in tokens.json using Figma component analysis.
npx skills add https://github.com/jamesodwyer/Base --skill token-describer
Please help me install this Agent Skill. Skill: token-describer Source: https://github.com/jamesodwyer/Base/tree/main/token-describer Command: npx skills add https://github.com/jamesodwyer/Base --skill token-describer
This Skill automates the generation of clear, context-rich descriptions for design tokens, ensuring consistency and understanding across design and development teams.
Use the token-describer skill to generate descriptions for the tokens.json file located in the current directory.
High-intent search queries and answers about installing and using this skill.
To generate design token descriptions automatically, the skill analyzes your tokens.json file and Figma components to create context-specific explanations for core, semantic, and component tiers. It incorporates a user review loop for tokens lacking Figma context.
Figma integration improves design token documentation by analyzing real component usage within Figma files to ensure context-specific accuracy. This contextual analysis helps generate clear descriptions that ensure consistency and understanding across design and development teams.
Yes, you can document a design system's token architecture by running the skill on your tokens.json file. It generates comprehensive markdown files detailing token usage and architecture, saving significant manual effort when introducing or updating design systems.
For design tokens without Figma component context, the skill incorporates a user review loop. This structured workflow prompts you for feedback and input to ensure the generated descriptions remain accurate and contextually appropriate for your design system.
You need a tokens.json file located in your current directory to start generating token descriptions. The skill leverages this file alongside Figma component analysis to apply specific patterns for core, semantic, and component token tiers.
mrgreenishSynchronize tokens.json with Figma variables and generate design system documentation pages.
amanhsnGenerate design tokens from brand colors using Python scripts.
amijadoamijadoTranslate Figma designs into UI components with design-token mapping.
murphytruemanGenerate human-readable design token documentation with semantic intent and usage context.
