{"slug":"modu-ai-design-tokens-transformer","source_name":"modu-ai/design-tokens-transformer","name":"Modu AI/Design Tokens Transformer","description":"하나의 브랜드 토큰을 3계층(DTCG SSOT ↔ 원시 CSS 변수 ↔ semantic/shadcn 롤)으로 양방향 변환합니다.\nL1 DTCG(W3C `$value`/`$type`/`$description`)를 진실 원천으로 삼아 L2 CSS custom properties와 L3 Tailwind v4 `@theme` + `.dark` 전환 체계를 파생하고, 역방향(코드→DTCG)과 라운드트립 무결성 검사도 지원합니다.\nhandoff 번들의 3계층 인코딩(02-tokens.json / colors_and_type.css / globals.css)을 자동 변환하는 파이프라인입니다.\n\n다음과 같은 요청 시 반드시 이 스킬을 사용하세요:\n- \"DTCG 토큰을 CSS 변수로 변환\"\n- \"디자인 토큰 3계층 매핑\"\n- \"shadcn semantic 롤 생성\"\n- \"Tailwind v4 @theme 토큰 만들어 줘\"\n- \"CSS 변수에서 DTCG SSOT 역추출\"\n- \"토큰 라운드트립 무결성 ","version":1,"lift":{"pass_rate_delta_pts":39.13,"pass_rate_pct":73.9,"total_cases":23,"passed_cases":17,"tokens_delta_pct":245.9,"turns_delta_pct":0,"verdict":"mixed","benchmark_model":"gemini-3.6-flash","grading_method":"judged","completed_at":"2026-09-03T23:50:59.800097+00:00"},"skill_score":0.853,"benchmark_models":[{"model":"gemini-3.6-flash","headline":true,"delta_pts":39.13,"with_pass_pct":73.9,"without_pass_pct":34.8,"tokens_delta_pct":245.9,"turns_delta_pct":0,"total_cases":23,"cases_aggregated":23,"verdict":"mixed","never_hurt":false,"completed_at":"2026-09-03T23:50:59.800097+00:00","run_id":"64840b25-08c1-48d8-bc27-e40d707b7fd8","version_number":1,"is_latest_version":true,"gate":null}],"trust":{"skill_safety":"passed","safety_status":"clean","intent_verdict":"safe","content_status":"clean","indexable":true},"license":"Apache-2.0","install_count":1,"manifest_hash":"3c8e4cf9f4723d47ac9a6c9ea175859abf5c663db6983e273c4b239e33836f95","raw_url":"https://app.decimal.ai/s/modu-ai-design-tokens-transformer/SKILL.md","scorecard_url":"https://app.decimal.ai/skills/modu-ai-design-tokens-transformer"}