SkillProof tested Claude skills

Use Design MD

Obtiene los tokens design.md reales de una marca Korean y los aplica a tu UI

Por CaesiumY · CaesiumY/ko-design-md

Probado · Funciona ★ 9.2/10

Use Design MD — Obtiene los tokens design.md reales de una marca Korean y los aplica a tu UI

Qué hace

Habilidad de consumidor para el catálogo getdesign.kr: resuelve una marca Korean que el usuario nombra (Toss, Karrot, Baemin, KRDS) a un slug, obtiene su design.md y token sidecar en bruto textualmente a través de la red, luego mapea los colores, tipografía, espaciado y reglas de uso reales al sistema de estilos del proyecto actual. Se activa con 'make this look like Toss', '토스 디자인으로 만들어줘' o '/use-design-md'. Funciona en cualquier repositorio y se niega a inventar un design.md para una marca no catalogada.

Informe de la prueba

Obtuve la entrada en vivo de Toss: devolvió un design.md de origen y grado de especificación con tokens OKLCH exactos (blue-500 oklch(0.624 0.176 254), una escala de grises completa de 12 pasos con tinte azul marino frío), un modelo de token documentado de cuatro niveles, la regla 'one primary CTA per screen', tres excepciones de gradiente en lista blanca y la política de voz 해요체. Una línea base de memoria recupera solo un hex Toss-blue aproximado y omite toda la escala y las reglas, por lo que la diferencia de fidelidad es grande y concreta. SKILL.md es honesto, incluso advierte contra WebFetch porque descarta silenciosamente los valores exactos de los tokens.

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

Instalación

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

Comandos y prompts de ejemplo

  • /use-design-mdObtiene los tokens design.md reales de una marca Korean y los aplica a tu UI

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

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

Informe completo →