figma-token-review

Installation
SKILL.md

figma-token-review

시작 전: Figma MCP가 연결돼 있는지 확인하라(아래 §사전 조건). 연결 실패면 즉시 중단.

Figma 시안에서 어떤 요소가 어떤 vapor 토큰을 썼는지 추출하고, 그 사용이 적절한지를 검증한다. 검증은 신뢰도가 다른 두 종류로 나뉜다 — 이 분리가 이 스킬의 핵심이다.

  • 결정론 (legality): 입력이 같으면 답이 같다. 코드(scripts/evaluate.mjs·typography-evaluate.mjs)가 계산한다.
  • 의미 판정 (semantic fitness): 맥락에 비춘 적합성. 너(에이전트)가 vapor 스키마를 루브릭으로 삼아 판정한다.

검증 4축

결정론 (코드) 의미 판정 (LLM)
1. raw/바인딩 boundVariables 빈 객체 = raw(미바인딩) → high
2. semantic 의미 do-not-use / 스키마 키 부재(오타·미등록) / role 불일치 → high when·avoid를 맥락에 비춘 적합성(danger↔success 오용 등)
3. typography 위계 Text Style 미바인딩(appliedStatus==='raw') → high 본문에 heading 오용, 위계 뒤집힘(16단 위계와 대조)
4. 배경-전경 짝 foreground gradeRules: fg-100을 비순백 배경에 → high, 배경 모호 → info 배경 식별이 모호한 케이스
Installs
6
GitHub Stars
37
First Seen
Jun 22, 2026
figma-token-review — goorm-dev/vapor-ui