design-token-extractor

Extracts design tokens from images and generates CSS custom properties, atomic utility classes (Tailwind-style), and platform-specific formats following W3C standards and modern CSS best practices.

by shawn-sandy· Repository·design

design

token

extractor

Run in AgentArea Browse All Skills

Also installable via skills CLI

npx skills add shawn-sandy/skills/design/design-token-extractor

Source

Repo:SkillsMP Synced Skills

Path:design/design-token-extractor(main)

Related in design

add-uint-support

Add unsigned integer (uint) type support to PyTorch operators by updating AT_DISPATCH macros. Use when adding support for uint16,...

skill-writer

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill...

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web...