with one click
ppt-design-idioms
// PPT/프레젠테이션 고유의 시각 관용을 디자인 팩으로 증류하는 지식 스킬. ppt-pack-curator가 사용한다. 16:9 슬라이드 캔버스, 슬라이드 타입 위계, 그리드·여백, 차트·다이어그램 스타일링, 발표 가독성을 검증 가능한 prompt.md 지시로 옮기는 방법을 규정한다.
// PPT/프레젠테이션 고유의 시각 관용을 디자인 팩으로 증류하는 지식 스킬. ppt-pack-curator가 사용한다. 16:9 슬라이드 캔버스, 슬라이드 타입 위계, 그리드·여백, 차트·다이어그램 스타일링, 발표 가독성을 검증 가능한 prompt.md 지시로 옮기는 방법을 규정한다.
Claude로 PPT·발표자료나 웹사이트를 만들 때, AI 기본 미감(보라 그라디언트·둥근 카드·천편일률)으로 수렴하지 않도록 80가지 검증된 디자인 스타일 팩 중 하나를 골라 그 명세대로 생성하게 하는 스킬. 사용자가 "PPT/슬라이드/덱/발표자료" 또는 "웹사이트/랜딩페이지/UI"를 만들어 달라고 하면서 "디자인 팩", "특정 스타일로", "다양하게", "뻔하지 않게", "고급스럽게", "○○ 느낌으로", "design-pick" 을 언급하거나, 팩 슬러그(예: web-velvet-dark-boutique, ppt-mckinsey-ghost-deck)를 직접 지정하면 반드시 이 스킬을 사용한다. 무슨 느낌인지 말하면 어울리는 팩 2~3개를 추천하고, 사용자가 고른 팩의 정밀 디자인 명세를 적용해 결과물을 생성한다. 후속으로 "다른 팩으로", "팩 바꿔", "추천 다시"도 이 스킬. 단순 텍스트 작성·요약은 이 스킬을 쓰지 않는다 — 디자인 결과물(슬라이드/웹페이지) 생성에만 쓴다.
디자인 팩의 산출 형식(prompt.md + tokens.json + preview.png + meta.yaml)과 카탈로그 인덱스(catalog.json)를 정의하는 단일 진실 원천(SSOT) 스킬. 팩을 집필·검수·발행하는 모든 에이전트(pack-architect, ppt/web curator, catalog-publisher)가 따른다. 팩 파일 구조·필드·토큰 키·슬러그 규칙·스키마 변경 절차를 규정한다.
검증 통과한 디자인 팩을 GitHub 공개 레포로 구조화하고, 팩을 탐색·필터·복사할 수 있는 Next.js 카탈로그 웹사이트로 빌드해 Vercel에 배포하는 방법론 스킬. catalog-publisher 에이전트가 사용한다. 레포 레이아웃, README/CONTRIBUTING/LICENSE 구성, 정적 사이트 사양, 배포 절차, 자체 QA 체크리스트를 규정한다.
Claude가 산출하는 PPT·웹사이트 디자인의 천편일률 문제를 해결하는 '디자인 팩 카탈로그' 제작 오케스트레이터. 공개 디자인 시스템·비주얼 스타일을 수집·증류해, Claude Code에 복붙하면 그 스타일이 재현되는 디자인 팩 (prompt.md + tokens.json + preview.png + meta.yaml)을 만들고, baseline 대조로 다양성을 검증한 뒤 GitHub 공개 레포 + 카탈로그 웹사이트로 발행한다. 7인 에이전트 팀(소싱·스키마·PPT집필·웹집필·렌더·다양성QA·발행)을 파이프라인으로 조율한다. 트리거 — "디자인 다양성", "디자인 팩", "디자인 팩 카탈로그", "디자인 시스템 카탈로그", "PPT 디자인 다양화", "웹 디자인 팩", "프롬프트형 디자인 시스템", "Claude 디자인 천편일률", "디자인 팩 만들어줘". 후속 작업 — "팩 추가", "PPT 팩 N개 더", "웹 팩 추가", "특정 팩만 다시", "다양성 검증 다시", "팩 재집필", "스키마 변경", "카탈로그 사이트 재배포", "레포 갱신", "재실행"도 모두 이 스킬로 처리한다. 단순 PPT 1건 제작은 korean-premium-deck, 단순 웹사이트 1건은 frontend-design을 사용한다.
공개 디자인 시스템·UI 키트·비주얼 스타일 운동을 발굴해 PPT/웹 트랙별 스타일 후보를 만드는 리서치 스킬. design-scout 에이전트가 사용한다. 1차 출처 확인, 스타일 축 매트릭스 기반 다양성 확보, 라이선스 위생, PPT 20 + 웹 20 시드 후보 목록을 제공한다.
팩 적용 샘플을 baseline과 시각 대조해 다양성 점수를 매기고 합격/반려를 판정하는 방법론 스킬. diversity-qa 에이전트가 사용한다. 5축 채점 루브릭, 정량 보조 지표(perceptual hash·색 히스토그램· 엣지 밀도), 두 종류의 실패 정의, 팩 간 유사도 매트릭스 작성법을 규정한다.
| name | ppt-design-idioms |
| description | PPT/프레젠테이션 고유의 시각 관용을 디자인 팩으로 증류하는 지식 스킬. ppt-pack-curator가 사용한다. 16:9 슬라이드 캔버스, 슬라이드 타입 위계, 그리드·여백, 차트·다이어그램 스타일링, 발표 가독성을 검증 가능한 prompt.md 지시로 옮기는 방법을 규정한다. |
ppt-pack-curator가 PPT 스타일을 팩으로 증류할 때 따르는, 슬라이드 매체 고유의 지식.
팩의 prompt.md는 최소 이 타입들에 대한 지시를 담는다:
diversity-qa가 시각 대조하므로 모호어는 통과하지 못한다. 각 항목을 절대값·개수·비율로 적는다:
| 모호 (금지) | 검증 가능 (사용) |
|---|---|
| "깔끔한 레이아웃" | "좌우 여백 각 0.8in, 헤더바 높이 캔버스의 12%, 12열 그리드" |
| "강조 색 사용" | "강조색 1개만, 표지·차트 핵심 계열에만, 텍스트엔 무채색" |
| "읽기 좋은 폰트" | "제목 40pt/Bold, 본문 24pt/Regular, 행간 1.3, 슬라이드당 6줄 이하" |
| "세련된 차트" | "막대 차트만, 격자선 제거, 값 레이블 직접 표기, 색은 강조색 단색조" |
발표 자료에서 차트는 가장 자주 등장하면서 가장 자주 망가지는 요소다. 아마추어 차트 하나가 덱 전체의 신뢰도를 떨어뜨린다. 모든 PPT 팩의 prompt.md는 차트를 별도 항목으로 구체적으로 규정해야 한다 — "막대 차트 사용" 한 줄로는 부족하다.
데이터 잉크 원칙 (Tufte). 데이터를 직접 나타내지 않는 잉크를 최소화한다:
값 레이블. 막대·꼭짓점 위에 값을 직접 표기한다(축에서 눈으로 읽게 하지 않는다). 숫자는 본문보다 작게(예: 14~16pt), 굵게, 일관된 자릿수·단위. 숫자에는 탭형 라인(tabular) 정렬을 쓴다.
색. 데이터 색은 팩 강조색 1색의 명도 단계(연→진) 또는 의미색(증가=긍정색 / 감소=경고색)만. 계열마다 다른 색을 무지개로 칠하지 않는다. 강조할 막대 1개만 강조색, 나머지는 무채색 — 이것이 컨설팅·IR 차트의 핵심 기법이다.
차트 타입 매칭. 비교=세로/가로 막대, 추세=라인 또는 옅은 면적, 비중=도넛(조각 3개 이하, 중앙에 핵심 수치) 또는 100% 누적 막대 1개, 구성변화=기울기 그래프. 파이차트 조각 5개 이상·3D·도넛 다중 금지.
정밀 렌더링. 차트는 SVG로 정확하게 그린다(div 블록 막대로 대충 그리지 않는다):
차트도 팩의 시각 언어를 입는다. 차트가 팩과 따로 노는 것이 "허접함"의 정체다:
prompt.md의 "적용 예" 차트 항목에 위를 팩별 절대값(막대 폭, 레이블 pt, 데이터 색 hex, 축 처리)으로 못박는다.
색과 분위기만 있는 것은 디자인 팩이 아니라 색 팔레트다. 실제 프레젠테이션 템플릿은 다이어그램·레이아웃 컴포넌트의 키트다. PPT 팩의 prompt.md는 색·타이포 다음에 반드시 "다이어그램·컴포넌트" 항목을 두고, 아래 컴포넌트 각각을 그 팩의 시각 언어로 어떻게 그리는지 절대값으로 규정한다.
모든 PPT 팩이 규정해야 할 컴포넌트 어휘:
키트는 한 언어로 묶인다. 다이어그램은 제각각이 아니라 팩의 일관된 "다이어그램 언어"를 공유해야 한다 — 노드 모서리 반경, 커넥터 굵기·화살촉, 번호 배지 모양, 강조색 운용이 프로세스·타임라인·매트릭스 전반에서 동일해야 한다. 이 일관성이 "프리미엄 템플릿"의 정체다.
검증 가능하게. "프로세스 다이어그램 포함"이 아니라 "5단계 셰브론, 각 노드 높이 0.8in, 커넥터 2pt 화살표, 단계 번호는 24pt 원형 배지, 활성 단계만 강조색"처럼 못박는다. 다이어그램도 SVG로 정밀하게 — div 블록 금지.
prompt.md "적용 예"는 표지·본문·차트만이 아니라 **다이어그램 슬라이드(프로세스/타임라인/매트릭스 중 최소 2종)**까지 포함해, 팩이 색 팔레트가 아니라 완결된 템플릿 키트임을 보여준다.
다양성이 목적이다. 각 팩은 자기 스타일을 끝까지 민다:
PPT에서 Claude가 기본값으로 흔히 회귀하는 것 — 팩 성격에 맞게 prompt.md의 "하지 말 것"에 명시:
한국어 본문은 영문보다 글자 폭이 크다 — 줄당 글자 수와 행간을 한국어 기준으로 지시한다. 폰트는 Pretendard·Noto Sans KR 등 한글 지원 폰트를 기본 또는 대체 폰트로 지정한다.