Use Design MD
Ruft die echten design.md-Tokens einer koreanischen Marke ab und wendet sie auf Ihre UI an
Getestet · Funktioniert
Was es kann
Consumer Skill für den getdesign.kr Katalog: löst eine vom Benutzer genannte koreanische Marke (Toss, Karrot, Baemin, KRDS) in einen Slug auf, ruft deren rohe design.md und Token-Sidecar wörtlich über das Netzwerk ab, und ordnet dann die echten Farben, Typografie, Abstände und Do's/Don'ts dem Styling-System des aktuellen Projekts zu. Wird ausgelöst bei 'make this look like Toss', '토스 디자인으로 만들어줘' oder '/use-design-md'. Funktioniert in jedem Repo und weigert sich, eine design.md für eine nicht katalogisierte Marke zu erfinden.
Testbericht
Der Live-Toss-Eintrag wurde abgerufen: Er lieferte eine quellbasierte, spezifikationsgerechte design.md mit exakten OKLCH-Tokens (blue-500 oklch(0.624 0.176 254), eine vollständige 12-stufige kühl-marineblaue Grauskala), ein dokumentiertes vierstufiges Token-Modell, die Regel 'one primary CTA per screen', drei auf der Whitelist stehende Gradienten-Ausnahmen und die 해요체 Voice Policy. Eine aus dem Gedächtnis erstellte Baseline findet nur einen groben Toss-Blau-Hex-Wert und verfehlt die gesamte Skala und die Regeln, sodass der Fidelity-Delta groß und konkret ist. SKILL.md ist ehrlich und warnt sogar vor WebFetch, weil es exakte Token-Werte stillschweigend verwirft.
Getestet am: 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
Befehle & Beispiel-Prompts
/use-design-mdRuft die echten design.md-Tokens einer koreanischen Marke ab und wendet sie auf Ihre UI an
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
토스 디자인 시스템의 실제 색상과 타이포그래피 토큰을 가져와서 우리 UI에 적용해줘당근마켓 브랜드처럼 보이게 이 페이지 디자인을 design.md 기준으로 바꿔줘KRDS 디자인 가이드에 맞춰서 이 버튼과 카드 컴포넌트 스타일을 전부 수정해줘