Skip to content

// Author DTCG-format token JSON and build multi-platform outputs with Style Dictionary v4 — CSS, Tailwind, iOS, Android.

Design Tokens DTCG ProVerified Creator

git log --oneline --stat
HEAD
Stars
3.4k
Forks
233
Updated
Jun 24, 2026
repo --stat

  • stars

    3.4k

  • forks

    233

  • last update

    Jun 24, 2026

  • license

    MITv1.2.0

quickstart.sh
3 steps
  1. Install

    // Drops SKILL.md into ~/.claude/skills/

    $ claude skills add design-tokens-dtcg-style-dictionary
  2. Invoke

    // Run from any project directory

    $ claude --skill design-tokens-dtcg-style-dictionary "give my landing page a hero treatment"
  3. Or copy this from the README

    // extracted bash block

    $ claude skills add design-tokens-dtcg-style-dictionary
design-tokens-dtcg-style-dictionary/
references
  • references/
  • SKILL.mdopen
  • README.mdopen
SKILL.md
readonly
name:
Design Tokens DTCG Pro
slug:
design-tokens-dtcg-style-dictionary
version:
v1.2.0
license:
MIT
author:
@tokenforge-craft
categories:
Frontend
tags:
#design-tokens#dtcg#style-dictionary#css-variables#design-system
description:

Author DTCG-format token JSON and build multi-platform outputs with Style Dictionary v4 — CSS, Tailwind, iOS, Android.

README.md

design-tokens-dtcg-style-dictionary/README.md
6 sections
Loading README…

$ cat reviews/

Reviews

// No reviews yet. Be the first.
Loading review form…