design-token-sync

75 / 100 · Review before installing

Check before installing.

By EthanY33/atelier (GitHub) · design · 10 stars · scanned at commit 848320d

Generate design tokens from the atelier brand file (.atelier/brand.json): CSS custom properties, a Tailwind theme config, typed JS constants (tokens.js + tokens.d.ts) and a Figma Variables REST API body. Use when creating or regenerating design tokens, CSS variables, a Tailwind config, TypeScript color constants or Figma variables after brand colors or fonts change.

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this.

Found in 4 places.

plugins/atelier/skills/design-token-sync/SKILL.md, line 11node "${CLAUDE_PLUGIN_ROOT}/bin/atelier" tokens # project root = cwd, writes dist/tokens/
plugins/atelier/skills/design-token-sync/SKILL.md, line 18node --input-type=module -e "const { pathToFileURL } = await import('node:url'); const m = await import(pathToFileURL(process.argv[1]).href); const files = awai
plugins/atelier/bin/atelier, line 12import { spawn } from 'node:child_process';

Show 1 more

plugins/atelier/lib/preflight.mjs, line 8import { spawn } from 'node:child_process';

Sends data to these websites: api.figma.com

The author does not mention this.

Found in 1 place.

plugins/atelier/skills/design-token-sync/SKILL.md, line 59- Figma body: a `palette` collection of COLOR variables (`{ r, g, b, a }` from 0 to 1) and a `typography` collection of STRING variables holding the first famil

Downloads and installs other software

The author does not mention this.

Found in 4 places.

plugins/atelier/lib/doctor.mjs, line 72checks.push({ name: 'chromium', status: 'warn', detail: err instanceof PreflightError ? err.message : firstLine(err), fix: err?.fix ?? `npx playwright${playwrig
plugins/atelier/lib/preflight.mjs, line 199return `npx playwright${v ? `@${v}` : ''}`;
plugins/atelier/lib/preflight.mjs, line 257if (platform === 'darwin') return 'brew install ffmpeg';

Show 1 more

plugins/atelier/lib/preflight.mjs, line 258return 'sudo apt install ffmpeg (or your distro\'s package manager)';

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'design-token-sync' ] || [ -L ~/.agents/skills/'design-token-sync' ]; then echo 'A skill folder named design-token-sync already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/EthanY33/atelier' "$d" && git -C "$d" checkout --quiet '848320d77ae1d2218a80d1b97be5804191651e82' -- 'plugins/atelier/skills/design-token-sync' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/atelier/skills/design-token-sync' ~/.agents/skills/'design-token-sync' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-token-sync' ~/.claude/skills/'design-token-sync' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for EthanY33/atelier shows the score of its lowest-scoring skill.

SkillTrust badge for EthanY33/atelier

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/EthanY33/atelier.svg)](https://zalavijaysinh.github.io/skilltrust/repos/EthanY33/atelier/)

Score history

Date	Version	Score
2026-11-14	`848320d`	75