SkillProof tested Claude skills

Use Design MD

Recupera i token design.md reali di un brand Korean e li applica alla tua UI

di CaesiumY · CaesiumY/ko-design-md

Promosso ★ 9.2/10

Use Design MD — Recupera i token design.md reali di un brand Korean e li applica alla tua UI

Cosa fa

Skill consumer per il catalogo getdesign.kr: risolve un brand Korean nominato dall'utente (Toss, Karrot, Baemin, KRDS) in uno slug, recupera il suo design.md grezzo e il sidecar dei token alla lettera tramite la rete, quindi mappa i colori, la tipografia, la spaziatura e i do's/don'ts reali sul sistema di styling del progetto corrente. Si attiva su 'make this look like Toss', '토스 디자인으로 만들어줘' o '/use-design-md'. Funziona in qualsiasi repo e si rifiuta di inventare un design.md per un brand non catalogato.

Rapporto di test

Recuperata la voce Toss dal vivo: ha restituito un design.md di origine, di grado spec, con token OKLCH esatti (blue-500 oklch(0.624 0.176 254), una scala di grigi completa a 12 passaggi con tonalità blu-navy fredde), un modello di token a quattro livelli documentato, la regola 'one primary CTA per screen', tre eccezioni di gradiente in whitelist e la policy vocale 해요체. Una baseline a memoria recupera solo un approssimativo esadecimale blu Toss e perde l'intera scala e le regole, quindi il delta di fedeltà è grande e concreto. SKILL.md è onesto, avvertendo persino contro WebFetch perché elimina silenziosamente i valori esatti dei token.

Testato il: 2026-07-25 · Claude Code 2.x (agent harness)

Installazione

git clone --depth 1 https://github.com/CaesiumY/ko-design-md.git
mkdir -p ~/.claude/skills
cd ko-design-md && cp -r .claude/skills/use-design-md ~/.claude/skills/use-design-md

Comandi e prompt di esempio

  • /use-design-mdRecupera i token design.md reali di un brand Korean e li applica alla tua UI

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 토스 디자인 시스템의 실제 색상과 타이포그래피 토큰을 가져와서 우리 UI에 적용해줘
  • 당근마켓 브랜드처럼 보이게 이 페이지 디자인을 design.md 기준으로 바꿔줘
  • KRDS 디자인 가이드에 맞춰서 이 버튼과 카드 컴포넌트 스타일을 전부 수정해줘

Rapporto completo →