Use Design MD

Henter et Korean brands ægte design.md tokens og anvender dem på din UI

Af CaesiumY · CaesiumY/ko-design-md

Testet · Virker ★ 9.2/10

Use Design MD — Henter et Korean brands ægte design.md tokens og anvender dem på din UI

Hvad det gør

Forbruger-skill for getdesign.kr-kataloget: løser et Korean brand, som brugeren navngiver (Toss, Karrot, Baemin, KRDS), til en slug, henter dets rå design.md og token sidecar ordret over netværket, og mapper derefter de ægte farver, typografi, afstand og do's/don'ts til det aktuelle projekts stylingsystem. Udløses ved 'make this look like Toss', '토스 디자인으로 만들어줘' eller '/use-design-md'. Fungerer i ethvert repo og nægter at opfinde en design.md for et ukatalogiseret brand.

Testrapport

Hentede den live Toss-post: den returnerede en kildebaseret, spec-grade design.md med præcise OKLCH-tokens (blue-500 oklch(0.624 0.176 254), en fuld 12-trins cool-navy-tinted gråskala), en dokumenteret fire-lags token-model, reglen 'one primary CTA per screen', tre whitelisted gradient-undtagelser og 해요체 voice policy. En fra-hukommelsen baseline genfinder kun en grov Toss-blå hex og misser hele skalaen og reglerne, so the fidelity-deltaet er stort og konkret. SKILL.md er ærlig, advarer endda mod WebFetch, fordi det lydløst dropper præcise token-værdier.

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

Installation

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 brands ægte design.md tokens og anvender dem på din UI

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

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