design-tokens-extraction
Design Tokens Extraction
Extract and normalize design tokens from design files into standardized formats.
Overview
This skill enables extraction of design tokens from Figma, Sketch, and Penpot design files using their respective MCP servers. Extracted tokens are normalized to the W3C Design Tokens Community Group format for platform-agnostic storage and conversion.
This skill covers:
- Connecting to design files via MCP servers (Figma, Sketch, Penpot)
- Extracting color, typography, spacing, and shadow tokens
- Normalizing extracted data to W3C DTCG format
- Converting to platform-specific formats (Swift, CSS, Tailwind)
This skill does NOT cover:
More from arustydev/ai
cross-browser-compatibility
Browser API differences, polyfills, and feature detection for Firefox, Chrome, Safari, and Edge extensions
16pkgmgr-homebrew-formula-dev
Create, test, and maintain Homebrew formulas. Use when adding packages to a Homebrew tap, debugging formula issues, running brew audit/test, or automating version updates with livecheck. Use when creating a new Homebrew formula for a project.
15seo-for-developers
SEO fundamentals for technical blog posts — meta tags, structured data, keyword placement, and readability optimization
15extension-anti-patterns
Common mistakes, performance pitfalls, and store rejection reasons in browser extension development
12wxt-framework-patterns
Comprehensive WXT browser extension framework patterns, security hardening rules, and cross-browser configuration
12beads
>
11