export-design-tokens-dtcg

Exports YAML design tokens to W3C DTCG JSON with validation and platform bundles.

3|Updated Feb 7, 2026
One-click install
npx skills add https://github.com/GDSDN/kord-aios --skill export-design-tokens-dtcg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: export-design-tokens-dtcg
Source: https://github.com/GDSDN/kord-aios/tree/main/src/features/builtin-skills/kord-aios/design-system/export-design-tokens-dtcg
Command: npx skills add https://github.com/GDSDN/kord-aios --skill export-design-tokens-dtcg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

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.

Frequently Asked Questions about export-design-tokens-dtcg

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I export design tokens to the W3C DTCG standard format?

To export design tokens to the W3C DTCG standard, use this Skill to convert canonical YAML files into compliant JSON. It validates schema compliance and OKLCH color usage while generating the token output.

Can I generate platform-specific design token bundles for web, iOS, Android, and Flutter?

Yes, you can generate platform-specific design token bundles for web, iOS, Android, and Flutter. The Skill processes your canonical YAML source and outputs individual DTCG JSON files tailored for each target platform.

Do I need Node.js or Python to validate design tokens and use the DTCG CLI?

Yes, you need Node.js or Python to validate design tokens and use the DTCG CLI. These runtime environments are required to execute the validation tools that ensure schema compliance and OKLCH color accuracy.

What is the best way to ensure OKLCH color usage compliance in design tokens?

The best way to ensure OKLCH color usage compliance is to validate your tokens during the export process. This Skill automatically checks OKLCH color formats against the W3C DTCG v2025.10 schema when generating JSON from YAML.

Why does my design system need DTCG standard token exports?

Your design system needs DTCG standard token exports to ensure consistency and interoperability across different platforms. This standardization allows engineering teams to seamlessly share and implement token updates across web and mobile environments.

How do I convert a canonical YAML file into DTCG JSON for multiple platforms?

You can convert a canonical YAML file into DTCG JSON by running this Skill's export process. It reads the YAML source, validates the design tokens against the W3C DTCG schema, and generates platform-specific JSON bundles.