token-describer
CommunityGenerate accurate design token descriptions.
Authorjamesodwyer
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the generation of clear, context-rich descriptions for design tokens, ensuring consistency and understanding across design and development teams.
Core Features & Use Cases
- Figma Integration: Analyzes Figma files to understand real component usage for accurate descriptions.
- Tiered Description Generation: Applies specific patterns for core, semantic, and component tokens.
- User Review Loop: Incorporates user feedback for tokens without Figma context.
- Documentation Generation: Creates comprehensive markdown files for token usage and architecture.
- Use Case: When introducing a new design system or updating existing tokens, this skill can quickly generate documentation that explains the purpose and usage of each token, saving significant manual effort.
Quick Start
Use the token-describer skill to generate descriptions for the tokens.json file located in the current directory.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: token-describer Download link: https://github.com/jamesodwyer/Base/archive/main.zip#token-describer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.