ckm:slides
작성자 nextlevelbuilderckm:slides로 거친 아이디어를 전략적인 HTML 슬라이드 덱으로 변환하세요. 슬라이드 전략, 카피라이팅 공식, 레이아웃 패턴, Chart.js용 템플릿까지 포함됩니다.
이 스킬은 82/100 점으로, 에이전트가 일반 프롬프트보다 훨씬 적은 시행착오로 전략적 HTML 슬라이드 덱을 만들 수 있게 해 주는 탄탄한 후보입니다. 다만 어느 정도 구현 맥락을 전제로 하고, 처음부터 끝까지의 전체 워크플로우는 완전히 풀어 쓰지 않았습니다.
- 트리거와 인자가 명확합니다. `ckm:slides`라는 스킬 이름, 간결한 설명, `argument-hint`로 제시된 `[topic] [slide-count]` 형식, 그리고 `create` 서브커맨드 덕분에 에이전트는 어떤 요청을 이 스킬로 보낼지 판단하기 쉽고, 사용자는 호출 방법을 직관적으로 이해할 수 있습니다.
- 내장 레퍼런스가 강력합니다. HTML 슬라이드 템플릿, 레이아웃 패턴, 카피라이팅 공식, 슬라이드 전략 등을 담은 참고 파일이 있어, 마케팅용·데이터 기반 프레젠테이션 모두에서 재사용 가능한 풍부한 가이던스를 에이전트에 제공합니다.
- 운영 라우팅이 구체적으로 정의되어 있습니다. "첫 단어를 서브커맨드로 파싱 → 일치하는 레퍼런스 로드 → 나머지 인수로 실행"이라는 라우팅 섹션 덕분에, 툴 러너나 오케스트레이터가 이 스킬을 예측 가능하게 연동할 수 있습니다.
- 워크플로우가 암시적입니다. 레퍼런스 자체는 풍부하지만, SKILL.md에 입력→출력의 전체 예시나 샘플 프롬프트 흐름이 없어, 실제로 템플릿·토큰·Chart.js를 어떻게 조합할지는 통합 담당자가 스스로 유추해야 합니다.
- HTML 출력 환경에 대한 전제가 있습니다. 레퍼런스에서 디자인 토큰과 Chart.js 연동을 언급하지만, 호스팅·렌더링 방식이나 토큰 생성 절차는 명확히 설명하지 않아, 스킬 밖에서 추가적인 환경 설정이 필요할 수 있습니다.
ckm:slides 스킬 개요
ckm:slides 스킬은 무엇에 쓰이나요
ckm:slides는 단순히 슬라이드 문구만 만드는 도구가 아니라, 전략적인 HTML 슬라이드 덱을 구성하는 프레젠테이션 제작 스킬입니다. 덱 구조 가이드, 카피라이팅 공식, 레이아웃 패턴, 그리고 반응형 슬라이드와 선택적 Chart.js 시각화를 지원하는 HTML 템플릿을 함께 제공합니다. 대략적인 덱 아이디어를 프레젠테이션에 바로 쓸 수 있는 수준의 결과물로 발전시키고 싶다면, 단순한 “슬라이드 만들어줘” 프롬프트보다 ckm:slides가 훨씬 잘 맞습니다.
잘 맞는 사용자와 해결하려는 업무
ckm:slides는 피치덱, 세일즈 프레젠테이션, 제품 데모, QBR, 이사회 업데이트, 컨퍼런스형 발표 자료처럼 설득이 중요한 슬라이드 덱을 만들어야 하는 사용자에게 가장 적합합니다. 특히 실제로 해결하려는 일이 아래와 같을 때 유용합니다:
- 청중에 맞는 덱 구조를 고르기
- 뒤섞인 메모를 슬라이드별 메시지로 정리하기
- PowerPoint 파일이 아니라 HTML 슬라이드로 만들기
- KPI나 차트 섹션을 웹 친화적인 방식으로 포함하기
ckm:slides가 다른 점
ckm:slides의 핵심 차별점은 짧은 프롬프트 하나만 주는 대신, 재사용 가능한 참조 자료를 함께 제공한다는 점입니다. 이 스킬은 모델이 다음 파일들을 참고하도록 유도합니다:
- 덱 유형과 감정 흐름을 위한
references/slide-strategies.md - 설득형 슬라이드 카피 패턴을 위한
references/copywriting-formulas.md - 슬라이드 레이아웃 선택을 위한
references/layout-patterns.md - 실제 HTML 덱 골격을 위한
references/html-template.md - 생성 진입점을 위한
references/create.md
그래서 일반적인 프롬프팅보다 더 방향성이 분명하며, 특히 덱 전략과 HTML 결과물을 함께 원하는 사용자에게 강점이 있습니다.
이 스킬을 선택하지 말아야 할 때
아래가 필요하다면 ckm:slides는 건너뛰는 편이 낫습니다:
- native
.pptx, Keynote, Google Slides 내보내기 - 에셋과 브랜드 시스템이 이미 연결된 고도화된 비주얼 디자인 자동화
- 단순한 Chart.js 수준을 넘어서는 복잡한 데이터 스토리텔링 로직
- 프롬프트 조정 없이 한 번에 끝나는 원클릭 슬라이드 생성기
이 스킬은 슬라이드 덱 제작을 위한 구조화된 초안 보조 도구로 보는 것이 맞고, 완전한 프레젠테이션 제작 파이프라인으로 기대하면 어긋날 수 있습니다.
ckm:slides 스킬 사용 방법
ckm:slides 설치 방법
실제로 쓸 수 있는 ckm:slides install 명령은 다음과 같습니다:
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides
설치 후에는 .claude/skills/slides 또는 현재 환경에서 사용하는 동등한 로컬 스킬 디렉터리 아래의 파일에 어시스턴트가 접근할 수 있는지 확인하세요.
실제로는 어떻게 호출하나요
이 스킬의 frontmatter에는 다음과 같은 인자 힌트가 노출됩니다:
[topic] [slide-count]
또한 저장소에는 라우팅된 하위 명령 하나가 정의되어 있습니다:
create
즉, 실제 호출에서는 의도와 작업 세부사항을 함께 넣는 것이 좋습니다. 예:
slides create investor pitch 10slides create QBR 12slides create product demo 6
references/create.md 자체는 내용이 많지 않기 때문에, 하위 명령 뒤에 어떤 작업 맥락을 주느냐에 따라 결과 품질이 크게 달라집니다.
ckm:slides가 잘 작동하려면 어떤 입력이 필요한가요
ckm:slides가 올바른 전략을 고르고 슬라이드 단위의 내용을 잘 쓰게 하려면 충분한 맥락이 필요합니다. 특히 아래 정보가 있으면 좋습니다:
- 청중: 투자자, 잠재 고객, 경영진, 내부 팀
- 덱 목표: 투자 유치, 계약 성사, 교육, 정렬, 보고
- 슬라이드 수 또는 발표 시간 제한
- 제품/회사 설명
- 반드시 들어가야 할 지표, 근거, 반론 대응, CTA
- 원하는 톤: 포멀, 대담함, 기술적, 임원용
- 출력 형식: 아웃라인만, 카피 + 구조, 전체 HTML 슬라이드
이 정보 없이도 덱 초안은 만들 수 있지만, 결과는 대체로 평범하고 범용적으로 흘러가기 쉽습니다.
거친 요청을 강한 ckm:slides 사용 프롬프트로 바꾸는 법
약한 요청:
Use ckm:slides for Slide Decks about our product.
더 나은 요청:
Use ckm:slides create to build a 9-slide sales deck for IT buyers at mid-market SaaS companies. Goal: book a technical demo. Include problem, cost of inaction, solution overview, proof, differentiators, ROI, objection handling, and CTA. Tone should be confident and concise. Output slide-by-slide copy first, then HTML structure suggestions.
이 방식이 더 잘 작동하는 이유:
- 청중이 명확하게 지정됩니다
references/slide-strategies.md의 덱 패턴과 자연스럽게 연결됩니다- 카피라이팅 공식 참조와 맞는 설득 요건을 제공합니다
- 어떤 산출물을 만들어야 하는지 모델이 분명히 이해합니다
처음 쓰는 사람에게 가장 안정적인 워크플로
처음 사용할 때 신뢰할 만한 ckm:slides guide 워크플로는 다음과 같습니다:
references/slide-strategies.md에서 덱 유형을 먼저 고릅니다.- 생성 전에 슬라이드 수와 청중을 확정합니다.
- 먼저 슬라이드 아웃라인을 요청합니다.
- 흐름이 설득 목표와 맞는지 검토합니다.
- 그다음 전체 슬라이드 카피를 요청합니다.
- 구현 가능한 결과물이 필요하면
references/html-template.md를 기준으로 HTML을 요청합니다. - 차트는 내러티브가 안정된 뒤에 추가합니다.
처음부터 전체 HTML을 한 번에 생성하는 것보다, 이렇게 두 번에 나눠 진행하는 방식이 대체로 더 좋은 결과를 냅니다.
출력에 의존하기 전에 먼저 읽을 파일
스킬을 빠르게 파악하고 싶다면 아래 순서로 읽는 것이 좋습니다:
SKILL.mdreferences/slide-strategies.mdreferences/create.mdreferences/copywriting-formulas.mdreferences/layout-patterns.mdreferences/html-template.md
이 순서대로 보면 이 스킬이 무엇을 우선 최적화하는지 분명해집니다. 전략이 먼저이고, 카피가 그다음, 레이아웃은 그 후, 구현은 마지막입니다.
올바른 덱 전략을 고르는 방법
가장 가치 있는 참조 파일은 references/slide-strategies.md입니다. 여기에는 다음과 같은 덱 유형이 포함됩니다:
- YC Seed Deck
- Sales Pitch
- Product Demo
- QBR
- Board Meeting
- Webinar
- Case Study
이미 상황이 분명한데도 “프레젠테이션 하나 만들어줘”처럼 요청하지 마세요. 가능한 한 가장 가까운 전략을 명시적으로 지정하는 편이 좋습니다. 그래야 구조가 흐트러질 가능성이 줄고, 슬라이드 순서도 더 설득력 있게 잡힙니다.
ckm:slides로 더 나은 슬라이드 카피를 얻는 방법
references/copywriting-formulas.md는 정보를 나열하는 수준이 아니라 설득이 필요한 덱에서 특히 유용합니다. 보통은 슬라이드 유형별로 어떤 카피 패턴을 쓸지 지정할수록 결과가 더 좋아집니다. 예를 들면:
- 문제 슬라이드에는 PAS 사용
- 긴급성에는 Cost of Inaction 사용
- 제품 기능 슬라이드에는 FAB 사용
- 마무리 CTA에는 AIDA 사용
도구를 바꾸지 않고도 ckm:slides usage 품질을 끌어올리는 가장 확실한 방법 중 하나입니다.
HTML 기반 Slide Decks에 ckm:slides를 쓰는 방법
목표가 브라우저 기반 프레젠테이션이라면, 제공된 템플릿을 따르는 HTML 슬라이드를 생성하라고 명확히 지시하세요. 저장소 템플릿에는 다음이 포함되어 있습니다:
- viewport를 고려한 덱 컨테이너
- CSS token 스타일의 테마 구성
- 반응형 레이아웃 패턴
- Chart.js CDN 연동
요청할 때는 아래처럼 구체화하는 것이 좋습니다:
- 슬라이드당 하나의 section 사용
- 의미가 분명한 슬라이드 제목 사용
- 실제 데이터가 있는 경우에만 placeholder chart container 추가
- 상호작용이 꼭 필요하지 않다면 inline JS는 최소화
이렇게 해야 결과물을 검토하고 수정하기가 훨씬 쉬워집니다.
자주 마주치는 제약과 트레이드오프
ckm:slides를 도입하기 전에 아래 한계는 알고 가는 것이 좋습니다:
- 이 스킬은 완결형 앱이 아니라 참조 자료 중심입니다
create지시 파일이 간결해서 프롬프트 품질의 영향이 큽니다- HTML 출력은 실제 사용 전에 수작업 정리가 필요할 수 있습니다
- 차트는 템플릿 친화적이지만, 저장소가 깊이 있는 데이터 모델링 규칙까지 제공하지는 않습니다
- PowerPoint나 Slides 계열 도구로의 내장 export가 있다는 근거는 보이지 않습니다
워크플로가 정확한 최종 파일 형식에 크게 의존한다면, 이 스킬은 최종 렌더러가 아니라 초안 작성 레이어로 보는 편이 안전합니다.
ckm:slides 스킬 FAQ
ckm:slides 스킬은 일반 프롬프트보다 더 낫나요?
대체로 그렇습니다. 특히 메시지 설계와 덱 구조가 모두 중요한 작업이라면 더 그렇습니다. 일반 프롬프트만으로도 슬라이드는 만들 수 있지만, ckm:slides skill은 전략 옵션, 카피라이팅 공식, 레이아웃 패턴, HTML 스캐폴딩 같은 재사용 가능한 의사결정 지원을 제공합니다. 그래서 실제로 설득해야 하는 덱일수록 시행착오를 줄여줍니다.
ckm:slides는 초보자에게도 괜찮나요?
네, 다만 한 가지 조건이 있습니다. 초보자는 청중과 덱 유형을 먼저 분명하게 지정해야 합니다. 이 스킬은 구조를 잡는 데 도움을 주지만, 발표가 어떤 결과를 만들어야 하는지까지 대신 정의해주지는 않습니다. “누구를 위한 발표인가?”와 “상대가 어떤 결정을 내려야 하는가?”에 답할 수 있다면 충분히 잘 활용할 수 있습니다.
어떤 종류의 덱에 가장 잘 맞나요?
ckm:slides가 특히 잘 맞는 덱은 다음과 같습니다:
- 투자자 피치
- 세일즈 덱
- 제품 데모
- QBR
- 이사회/리더십 업데이트
- 케이스 스터디
- 워크숍 및 발표 자료
반대로 장식 중심의 슬라이드 디자인이나, 모션과 연출이 많이 들어가는 고맞춤형 프레젠테이션에는 매력이 떨어질 수 있습니다.
ckm:slides가 완성된 프레젠테이션을 만들어주나요?
그 자체만으로는 아닙니다. ckm:slides는 덱 구조, 슬라이드 카피, HTML 기반 프레젠테이션 코드를 생성하는 데 도움을 줄 수 있지만, 결과물을 검토하고 수정하고 다듬는 과정은 여전히 필요합니다. “수정 없는 최종본”보다는 “훨씬 빨라진 1차 초안 + 구현용 골격”으로 이해하는 것이 정확합니다.
HTML 출력 없이도 ckm:slides를 쓸 수 있나요?
네. 좋은 활용 방식은 ckm:slides를 다음 용도로 쓰는 것입니다:
- 덱 전략 선택
- 슬라이드별 아웃라인
- 헤드라인과 본문 카피
- 차트 제안
- CTA 정교화
그다음 내용은 자신이 쓰는 프레젠테이션 도구로 옮기면 됩니다.
언제 ckm:slides를 쓰지 말아야 하나요?
주요 요구가 아래에 가깝다면 피하는 편이 낫습니다:
- native 슬라이드 소프트웨어 출력
- 브랜드 반영이 강한 디자인 제작
- 프롬프트에 반영되지 않은 디자인 시스템의 시각적 정합성을 정확히 맞추는 작업
- 도메인 특화 차트 해석이 필요한 밀도 높은 분석형 스토리텔링
이런 경우에는 ckm:slides install과 프롬프팅만으로 해결하기보다, 별도 맞춤형 워크플로가 더 적합할 수 있습니다.
ckm:slides 스킬 개선 방법
ckm:slides에 더 강한 비즈니스 맥락을 제공하세요
ckm:slides skill 결과물을 가장 빠르게 개선하는 방법은 주제만 던지는 것이 아니라 사업 맥락을 주는 것입니다. 아래 요소를 포함하세요:
- 타깃 청중
- 발표 목표
- 핵심 반론
- 신뢰를 뒷받침할 근거
- 원하는 다음 행동
예를 들어 “AI security platform, selling to CISOs, objection is compliance risk, proof is 3 enterprise logos and 42% reduction in triage time, CTA is book pilot” 같은 입력은 “보안 덱 만들어줘”보다 훨씬 좋은 결과를 냅니다.
전체 카피 전에 구조부터 요청하세요
흔한 실패 패턴은 첫 번째 전체 덱 초안을 그대로 받아들이는 것입니다. 대신 ckm:slides에 아래 순서로 요청하세요:
- 추천 덱 전략
- 목적이 포함된 슬라이드 목록
- 슬라이드별 카피 공식
- 그다음 실제 슬라이드 카피
이렇게 하면 초기에 흐름이 약한 부분을 잡아낼 수 있어, 나중에 모든 슬라이드를 다시 쓰는 일을 줄일 수 있습니다.
슬라이드 역할에 맞는 레이아웃 패턴을 고르세요
references/layout-patterns.md는 의도적으로 활용해야 가치가 큽니다. 더 좋은 프롬프트는 이런 식입니다:
- “Use a big number hero for KPI impact”
- “Use a comparison table for competitor positioning”
- “Use a two-column split for problem vs solution”
- “Use pricing cards only if we have clear tiers”
레이아웃이 메시지의 역할과 맞아야 덱이 템플릿을 억지로 끼운 느낌이 아니라, 의도적으로 설계된 것처럼 보입니다.
차트는 선별해서 쓰세요
이 스킬이 Chart.js를 참조한다는 이유로 차트를 과하게 요청하는 경우가 많습니다. 더 좋은 결과를 위해서는 시각화가 실제로 도움이 되는 데이터에만 차트를 쓰세요:
- 시간에 따른 추세
- 전후 비교 지표
- 범주 간 비교
- 구성 비중 분석
근거가 약하거나 신뢰도가 낮은 데이터에는 차트를 붙이지 마세요. 장식적인 그래프보다 강한 빅넘버 슬라이드 한 장이 더 효과적인 경우가 많습니다.
슬라이드 단위의 원천 자료를 제공하세요
이미 원본 메모가 있다면 슬라이드별 또는 섹션별로 나눠서 넣어주세요. 특히 유용한 입력은 다음과 같습니다:
- 창업자 메모
- 세일즈 콜 핵심 포인트
- KPI 표
- 케이스 스터디 bullet
- 고객 인용문
- 가격 정책 로직
이렇게 하면 ckm:slides가 내용을 과도하게 새로 지어내기보다 기존 자료를 변환하는 방향으로 작동하므로, 군더더기와 공허한 표현이 줄어듭니다.
공식과 톤 제약으로 프롬프트를 더 날카롭게 만드세요
결과가 평범하게 느껴진다면 아래 같은 제약을 추가해 보세요:
- “Use PAS on the problem slide”
- “Keep each slide to one headline and three bullets max”
- “Avoid hype words”
- “Write in an executive tone”
- “End with one clear CTA”
이런 제약은 저장소의 카피라이팅 참조와 잘 맞고, 대개 결과를 빠르게 또렷하게 만들어줍니다.
첫 초안 이후에는 구체적인 수정 지시로 반복하세요
“더 좋게 만들어줘”라고 하지 마세요. 대신 아래처럼 구체적으로 요청하세요:
- 투자자 신뢰감을 더 강화하기
- 비기술 구매자도 이해하도록 전문용어 줄이기
- Cost of Inaction 프레이밍을 더 강하게 넣기
- 슬라이드 수를 12장에서 8장으로 줄이기
- CTA를 더 구체적으로 만들기
- 약한 근거를 metrics-first 메시지로 바꾸기
이런 식의 수정 프롬프트가 ckm:slides가 덱을 통제된 방식으로 다듬는 데 훨씬 효과적입니다.
로컬 참조를 확장해 ckm:slides 스킬을 개선하세요
ckm:slides를 자주 사용할 계획이라면, 가장 큰 개선 포인트는 로컬 커스터마이징일 수 있습니다. 예를 들어 아래를 직접 추가할 수 있습니다:
- HTML 템플릿용 브랜드 토큰
- 승인된 메시징 프레임워크
- 청중별 공통 덱 구조
- 근거 및 반론 대응 라이브러리
- 팀에서 반복 사용하는 차트 스니펫
이 저장소는 이미 지식을 references/ 아래에 정리하는 구조를 갖고 있으므로, 그 패턴을 확장하는 것이 시간이 갈수록 스킬의 실전 가치를 높이는 가장 현실적인 방법입니다.
