Skills
.Work. You
Rest

export-design-tokens-dtcg

Community

Export design tokens to W3C DTCG.

Design & Creative#design system#design tokens#tokens#export#oklch#w3c#dtcg
AuthorGDSDN
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the process of exporting design tokens into the W3C Design Tokens Community Group (DTCG) standard format, ensuring consistency and interoperability across platforms.

Core Features & Use Cases

  • W3C DTCG Export: Generates compliant JSON tokens from YAML sources.
  • Platform Bundling: Creates platform-specific token files (web, iOS, Android, Flutter).
  • Validation: Ensures schema compliance and OKLCH color usage.
  • Use Case: A design system team needs to share their latest token updates with engineering teams building for web, iOS, and Android. This Skill generates the necessary DTCG JSON and platform-specific bundles, along with validation reports.

Quick Start

Use the export-design-tokens-dtcg skill to export design tokens to W3C DTCG methodology.

Dependency Matrix

Required Modules

None required

Components

referencesscripts

💻 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: export-design-tokens-dtcg
Download link: https://github.com/GDSDN/kord-aios/archive/main.zip#export-design-tokens-dtcg

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 223,000+ vetted skills library on demand.