Skills
.Work. You
Rest

mh-cto-sdlc-design-token

Community

Automate design token generation from design systems.

Design & Creative#design system#UX design#design tokens#Tailwind CSS#CSS variables
AuthorImad-Oute
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of design tokens, reducing the manual work of converting design system decisions into implementation-ready values for developers.

Core Features & Use Cases

  • Token Generation: Converts design system decisions into CSS variables, Tailwind config, or other framework-specific formats.
  • Token Format Selection: Dynamically selects the appropriate token format based on the UI tech stack.
  • Use Case: After defining the design system, this Skill can be used to generate the necessary tokens for a React + Tailwind CSS project.

Quick Start

Generate design tokens for your project by running the design-token skill with the 'design tokens' command.

Dependency Matrix

Required Modules

None required

Components

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: mh-cto-sdlc-design-token
Download link: https://github.com/Imad-Oute/MicroHard/archive/main.zip#mh-cto-sdlc-design-token

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.