---
name: doc-design-library
description: |
  moai-designer의 디자인 시스템 라이브러리에 연결해 사용자가 선택한 브랜드 토큰을 단일 파일 HTML 산출물에 적용합니다.
  본 스킬은 moai-designer 플러그인의 정본(canonical)을 가리키는 포인터입니다 — 실제 시스템 토큰·컴포넌트 정의·샘플은 `moai-designer:design-system-library`에서 관리합니다(cowork 중복 사본은 경계 계약 "산출물=cowork, 체계=design"에 따라 제거됨).
  다음과 같은 요청 시 사용하세요:
  - "Claude 스타일로 HTML 보고서 만들어줘" / "브랜드 디자인 시스템 골라서 HTML로"
  - "Claude Design에 올릴 디자인 시스템 자료 정리"
metadata:
  version: "1.1.2"
---

# doc-design-library — moai-designer 정본 포인터

본 스킬(`moai-officer:doc-design-library`)은 **moai-designer 플러그인의 정본**을 가리키는 포인터입니다.

## 왜 포인터인가

디자인 시스템의 정의는 `moai-designer:design-system-library`가 관리합니다. 이 스킬은 문서 제작 요청을 해당 라이브러리로 연결합니다. 설치된 플러그인과 사용 가능한 시스템은 현재 호스트에서 확인합니다.

## 사용 방법

design_system 토큰이 필요하면 **`moai-designer:design-system-library`** 스킬을 직접 호출하세요. 토큰의 색·타이포·radius·spacing·컴포넌트 정의와 Tailwind Play CDN config 매핑, getdesign.md 상세 페이지 링크 모두 그곳에 있습니다.

## 연결

- 정본: `moai-designer:design-system-library` (현재 사용 가능한 시스템 확인)
- 적용처: `moai-officer:doc-html-report` · `moai-officer:doc-html-slide` (design_system 파라미터로 토큰 로드)
- Claude Design 핸드오프: DESIGN.md 지침 소스는 정본에서 제공