SkillProof tested Claude skills

Use Design MD

Henter et Korean merkes ekte design.md-tokens og bruker dem på ditt UI

av CaesiumY · CaesiumY/ko-design-md

Bestått ★ 9.2/10

Use Design MD — Henter et Korean merkes ekte design.md-tokens og bruker dem på ditt UI

Hva den gjør

Forbrukerferdighet for getdesign.kr-katalogen: løser et Korean merke brukeren navngir (Toss, Karrot, Baemin, KRDS) til en slug, henter dets rå design.md og token sidecar ordrett over nettverket, og mapper deretter de virkelige fargene, typografien, avstanden og do's/don'ts til det nåværende prosjektets stylingsystem. Utløses ved 'make this look like Toss', '토스 디자인으로 만들어줘', eller '/use-design-md'. Fungerer i ethvert repo og nekter å finne opp en design.md for et ukatalogisert merke.

Testrapport

Hentet den live Toss-oppføringen: den returnerte en kildebasert, spec-grade design.md med eksakte OKLCH-tokens (blue-500 oklch(0.624 0.176 254), en full 12-trinns kjølig-marineblå-tonet gråskala), en dokumentert fire-nivåers token-modell, regelen 'one primary CTA per screen', tre hvitlistede gradientunntak, og 해요체 voice policy. En fra-minne baseline gjenoppretter kun en grov Toss-blå hex og savner hele skalaen og reglene, så fidelity-deltaet er stort og konkret. SKILL.md er ærlig, og advarer til og med mot WebFetch fordi den stille dropper eksakte token-verdier.

Testet på: 2026-07-25 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

  • /use-design-mdHenter et Korean merkes ekte design.md-tokens og bruker dem på ditt UI

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

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

Full rapport →