tokens SKILL.md skillA

tokens from byjunyoung/claude-product-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add byjunyoung/claude-product-skills/tokens@git:20261020.bf66285

Pins git:20261020.bf66285 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
byjunyoung/claude-product-skills
Path
plugins/fig/skills/tokens/SKILL.md
Versions recorded
14
Latest version
git:20261020.bf66285, committed Oct 20, 2026
First version recorded
Aug 26, 2026
Size
22,626 bytes
Repository stars
5
License
a license file GitHub does not identify

Binds the hand-typed colours on a Figma page or section to the design system's tokens, after showing which token each colour maps to and what binding changes, once /fig:lint has flagged unbound colours or whenever a colour may have been typed in by hand. Triggers - "/fig:tokens", "bind these colors to tokens", "check the token bindings", "find unbound colors", "토큰 바인딩 검수", "하드코딩 색상 검사", "디자인시스템 연동 점검", "토큰으로 묶어줘".

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# fig:tokens — bind hand-typed colours to design system tokens

Connects colours typed in by hand to the design system's variables, through **a mapping that has evidence behind it**. Theming, rebranding, and consistency only hold if every color goes through a token. Finding those colours is `/fig:lint`'s job — its `[unbound]` check, which holds a section back from handoff where a colour matches a token exactly. This skill binds them, after the person has seen what each colour maps to and what binding it changes.

**Prerequisites**: always load the `figma:figma-use` skill before calling `use_figma`.

**Seat check before the first write** — call `whoami` once. Where every plan it lists carries `seat: View`, stop before any `use_figma` write and say so: the reading half of this skill runs on a View seat, the writing half needs an Edit seat on the file's plan, and no retry changes that. Where the seats are mixed, go ahead — and if the first write comes back as a permission error, report the seat table and stop rather than retrying.

## When to invoke

- `/fig:lint` reported `[unbound]` colours and they should go onto tokens
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add byjunyoung/claude-product-skills/tokens@sha256:d3ee3f83d6311b62

The line at the top of this page pins the label git:20261020.bf66285, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_6npvglzh7bbfwoc7.svg)](https://markdownregistry.com/a/art_6npvglzh7bbfwoc7)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 14 versions of this file, between Aug 26, 2026 and Oct 20, 2026, about one every 4 days. Its first recorded version is graded C and its latest A.

versioncommittedcommitsizeaudit
git:20261020.bf66285 latest2026-10-20 bf66285 22,626 BA view · diff
git:20261020.3050b732026-10-20 3050b73 22,467 BA view · diff
git:20261020.8fbdc0b2026-10-20 8fbdc0b 22,286 BA view · diff
git:20261019.7c2d0c92026-10-19 7c2d0c9 21,713 BA view · diff
git:20261019.ea9a4742026-10-19 ea9a474 21,534 BA view · diff
git:20261019.7c037072026-10-19 7c03707 20,819 BA view · diff
git:20261019.03d3bde2026-10-19 03d3bde 20,608 BA view · diff
git:20261019.b560d522026-10-19 b560d52 19,289 BA view · diff
git:20260922.cfb52282026-09-22 cfb5228 14,054 BA view · diff
git:20260828.0897fba2026-08-28 0897fba 14,072 BA view · diff
git:20260826.bd104242026-08-26 bd10424 13,597 BA view · diff
git:20260826.dfbfa9d2026-08-26 dfbfa9d 14,124 BA view · diff
git:20260826.0cf7d652026-08-26 0cf7d65 14,243 BA view · diff
git:20260826.b92bd8f2026-08-26 b92bd8f 0 BC view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (22626 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

byjunyoung/claude-product-skills · 5 stars · license a license file GitHub does not identify · pushed 2026-10-27 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_6npvglzh7bbfwoc7
GET https://markdownregistry.com/api/v1/resolve?ref=byjunyoung/claude-product-skills/tokens
GET https://markdownregistry.com/api/v1/blob/d3ee3f83d6311b627a4aa8f56b158a09dba76015fd21c02c0135fd57ea99d77a

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from byjunyoung/claude-product-skills

CLAUDE.md CLAUDE.md file
byjunyoung/claude-product-skills · CLAUDE.md
git:20261019.03d3bde · audit A · 5 stars
arrows SKILL.md skill
byjunyoung/claude-product-skills · plugins/fig/skills/arrows/SKILL.md · Draws flow arrows and their labels between the screens of a Figma design page once the screens are placed, and redraws…
git:20261019.4f9cc28 · audit A · 5 stars
code SKILL.md skill
byjunyoung/claude-product-skills · plugins/fig/skills/code/SKILL.md · Applies a Figma design to a frontend repo once it is ready to build, as a branch and a PR that port what changed with…
git:20261019.f898b7a · audit A · 5 stars
deck SKILL.md skill
byjunyoung/claude-product-skills · plugins/fig/skills/deck/SKILL.md · Builds a Figma Slides deck from a document, a dataset or a spoken brief when a presentation is needed, using the…
git:20261019.2fb81a6 · audit A · 5 stars
draw SKILL.md skill
byjunyoung/claude-product-skills · plugins/fig/skills/draw/SKILL.md · Draws a screen, or fills a stub `/fig:prep` left behind, once its direction is agreed, cloning the nearest canonical…
git:20261019.f898b7a · audit A · 5 stars
handoff SKILL.md skill
byjunyoung/claude-product-skills · plugins/fig/skills/handoff/SKILL.md · Hands the sections of a finished feature that pass /fig:lint to engineering when it is ready to build, as links pinned…
git:20261020.bf66285 · audit A · 5 stars
lint SKILL.md skill
byjunyoung/claude-product-skills · plugins/fig/skills/lint/SKILL.md · Audits a Figma design page read-only against figma-conventions.yaml before a handoff or right after another skill…
git:20261020.3050b73 · audit A · 5 stars
prep SKILL.md skill
byjunyoung/claude-product-skills · plugins/fig/skills/prep/SKILL.md · Prepares a Figma design page before the real work by normalizing frame names to `[screen]-[state]`, placing…
git:20261019.f898b7a · audit A · 5 stars
proto SKILL.md skill
byjunyoung/claude-product-skills · plugins/fig/skills/proto/SKILL.md · Rebuilds a Figma design as a single HTML file in which input, validation, state and branching really work, for when the…
git:20261019.f898b7a · audit A · 5 stars
qa SKILL.md skill
byjunyoung/claude-product-skills · plugins/fig/skills/qa/SKILL.md · Checks a feature against its PRD and Figma design once it has shipped to a dev or staging server, stopping at a…
git:20261020.bf66285 · audit A · 5 stars
read SKILL.md skill
byjunyoung/claude-product-skills · plugins/fig/skills/read/SKILL.md · Lists every page of a Figma file and every top-level frame on the page you pick as a markdown tree built from the URL…
git:20261019.f898b7a · audit A · 5 stars
setup SKILL.md skill
byjunyoung/claude-product-skills · plugins/fig/skills/setup/SKILL.md · Reads an unfamiliar Figma file before the other skills are used on it and drafts its figma-conventions.yaml from…
git:20261019.485ca02 · audit A · 5 stars

Every file in byjunyoung/claude-product-skills

Other files named tokens

tokens SKILL.md skill
educlopez/ui-craft · .agents/skills/tokens/SKILL.md · Audit or establish the project's 3-layer token spine. Invoke when the user asks for tokens on their UI, or mentions…
git:20260725.d9710bc · audit A · 425 stars

Browse by kind, by grade A, or by owner.