Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From 📄 사무관
75개 글로벌 브랜드 디자인 시스템(Claude · ClickHouse · Clay 포함)의 토큰(색·타이포·radius·spacing·컴포넌트)을 단일 파일 HTML 산출물에 적용합니다. 본 스킬은 moai-design 플러그인의 정본(canonical)을 가리키는 포인터입니다 — 실제 시스템 토큰·컴포넌트 정의·샘플은 `moai-design:design-system-library`에서 관리합니다(cowork 중복 사본은 경계 계약 "산출물=cowork, 체계=design"에 따라 제거됨). 다음과 같은 요청 시 사용하세요: - "Claude 스타일로 HTML 보고서 만들어줘" / "브랜드 디자인 시스템 골라서 HTML로" - "Claude Design에 올릴 디자인 시스템 자료 정리"
How this skill is triggered — by the user, by Claude, or both
Slash command
/moai-officer:office-design-system-libraryThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
본 스킬(`moai-officer:office-design-system-library`)은 **moai-design 플러그인의 정본**을 가리키는 포인터입니다.
본 스킬(moai-officer:office-design-system-library)은 moai-design 플러그인의 정본을 가리키는 포인터입니다.
디자인 시스템의 체계(systems) 관리는 design 플러그인의 책임입니다(경계 계약: "산출물=cowork, 체계=design"). 따라서 75개 브랜드 토큰의 정본(canonical) SSOT는 moai-design:design-system-library에 있으며, 본 cowork 스킬은 하위 호환 라우팅/발견성만 담당합니다.
design_system 토큰이 필요하면 moai-design:design-system-library 스킬을 직접 호출하세요. 토큰의 색·타이포·radius·spacing·컴포넌트 정의와 Tailwind Play CDN config 매핑, getdesign.md 상세 페이지 링크 모두 그곳에 있습니다.
moai-design:design-system-library (75개 시스템 토큰 SSOT)moai-officer:office-html-report · moai-officer:office-html-slide (design_system 파라미터로 토큰 로드)npx claudepluginhub p/modu-ai-moai-officer-plugins-moai-officerGuides collaborative design exploration before implementation: explores context, asks clarifying questions, proposes approaches, and writes a design doc for user approval.
Creates structured, bite-sized implementation plans from specs or requirements before writing code. Useful for breaking down multi-step tasks into testable steps with file structure and task boundaries.
Synthesizes the current conversation into a structured spec (PRD) and publishes it to the project issue tracker with a ready-for-agent label, without interviewing the user.