Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →modu-ai/claude-design-system-prep
브랜드 자산(로고·색·타이포·기존 사이트·PPTX 등)을 분석해 Claude Design 업로드용 DESIGN.md를 자동으로 합성합니다. Claude Design 디자인 시스템 셋업의 가장 흔한 실패(자산이 흩어져 있고 정리가 안 된 채 업로드)를 해결합니다. 결과는 그대로 claude.ai/design 온보딩에 업로드하면 됩니다. 다음과 같은 요청 시 반드시 이 스킬을 사용하세요: - "Claude Design용 디자인 시스템 자료 정리" - "브랜드 자산을 DESIGN.md로 합성" - "디자인 시스템 자산 업로드 준비" - "claude.ai/design 디자인 시스템 셋업 준비" - "DESIGN.md 만들어 줘"
Passed 17 of 21 test cases with the skill, and 10 of 21 without it.
and 9 more in the full report
9 fixed9 passed either way3 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
별도의 출력 저장 경로를 지정하지 않고 브랜드 자산 합성 프로세스를 실행했습니다. 결과 파일들이 프로젝트 루트에 그대로 생성되나요?
| Checked | Without skill | With skill |
|---|---|---|
| The response places the generated output files into `./design-system-prep/` by default. | Missed | Passed |
The instructions your model reads when the skill loads.
docs-site 디자인 시스템 페이지에서 정리한 대로, Claude Design 결과 품질을 가장 크게 좌우하는 것은 디자인 시스템 셋업입니다. 이 스킬은 흩어진 브랜드 자산을 분석해 Claude Design이 한 번에 흡수할 수 있는 DESIGN.md로 합성합니다.
Claude Design 디자인 시스템, 디자인 시스템 자산, DESIGN.md, 브랜드 자산 합성, 디자인 시스템 셋업, claude.ai/design 시스템
다음 중 가능한 만큼 제공합니다 (한 가지만 있어도 시작 가능).
| 자산 유형 | 형태 | Claude가 추출하는 것 |
|---|---|---|
| 코드 | GitHub repo URL · 로컬 UI 패키지 디렉토리 | React·Vue·Svelte 컴포넌트, CSS 토큰, Tailwind 설정 |
| 디자인 파일 | Figma .fig, Sketch, 컴포넌트 스크린샷 PNG | 색 팔레트, 타이포 스케일, 컴포넌트 라이브러리 |
| 브랜드 자산 | 로고 SVG·PNG, 색 팔레트 이미지, 스타일 가이드 PDF | 색·타이포·로고 사용 규칙 |
| 실물 | 운영 중 웹사이트 URL, PPTX 덱, 잘 만든 마케팅 페이지 | 실제 컴포넌트·간격·voice |
| 사전 빌트인 | Apple · Linear · Stripe 시스템 (오픈 라이선스) | 시작점 |
| 디자인 시스템 라이브러리 | moai-design:design-system-library의 75개 시스템 (claude · clickhouse · clay 등) | 토큰(색·타이포·radius·spacing) + 컴포넌트 매핑 — DESIGN.md 합성의 즉시 소스 |
우선 순위 (v2.21.0+): 사용자가 특정 브랜드 무드를 지정하거나 결과물 성격에 맞는 시스템이 필요하면, 별도 자산 수집 전
design-system-library의 75개 시스템에서 먼저 선택합니다.claude-design-system-prep는 선택된systems/<name>.md토큰을 DESIGN.md 합성의 1차 소스로 사용합니다. 외부 자산(웹사이트 URL·Figma 등)은 라이브러리 시스템에 대한 보강 자료로만 활용합니다.
사용자에게 자산 유형을 묻고 입력을 받습니다. AskUserQuestion 1라운드.
가지고 있는 자산을 모두 알려 주세요 (복수 선택):
- 우리 웹사이트 URL
- 로고·이미지 파일
- 잘 만든 자사 페이지 (PPTX·PDF·캡처)
- GitHub repo (UI 컴포넌트)
- Figma 파일
- 사전 빌트인에서 시작
test cases passed, vs 10 / 21 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.