ckm:slides로 거친 아이디어를 전략적인 HTML 슬라이드 덱으로 변환하세요. 슬라이드 전략, 카피라이팅 공식, 레이아웃 패턴, Chart.js용 템플릿까지 포함됩니다.

Stars53.6k
즐겨찾기0
댓글0
추가됨2026년 3월 29일
카테고리Slide Decks
설치 명령어
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill "ckm:slides"
큐레이션 점수

이 스킬은 82/100 점으로, 에이전트가 일반 프롬프트보다 훨씬 적은 시행착오로 전략적 HTML 슬라이드 덱을 만들 수 있게 해 주는 탄탄한 후보입니다. 다만 어느 정도 구현 맥락을 전제로 하고, 처음부터 끝까지의 전체 워크플로우는 완전히 풀어 쓰지 않았습니다.

82/100
강점
  • 트리거와 인자가 명확합니다. `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 10
  • slides create QBR 12
  • slides 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 워크플로는 다음과 같습니다:

  1. references/slide-strategies.md에서 덱 유형을 먼저 고릅니다.
  2. 생성 전에 슬라이드 수와 청중을 확정합니다.
  3. 먼저 슬라이드 아웃라인을 요청합니다.
  4. 흐름이 설득 목표와 맞는지 검토합니다.
  5. 그다음 전체 슬라이드 카피를 요청합니다.
  6. 구현 가능한 결과물이 필요하면 references/html-template.md를 기준으로 HTML을 요청합니다.
  7. 차트는 내러티브가 안정된 뒤에 추가합니다.

처음부터 전체 HTML을 한 번에 생성하는 것보다, 이렇게 두 번에 나눠 진행하는 방식이 대체로 더 좋은 결과를 냅니다.

출력에 의존하기 전에 먼저 읽을 파일

스킬을 빠르게 파악하고 싶다면 아래 순서로 읽는 것이 좋습니다:

  1. SKILL.md
  2. references/slide-strategies.md
  3. references/create.md
  4. references/copywriting-formulas.md
  5. references/layout-patterns.md
  6. references/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에 아래 순서로 요청하세요:

  1. 추천 덱 전략
  2. 목적이 포함된 슬라이드 목록
  3. 슬라이드별 카피 공식
  4. 그다음 실제 슬라이드 카피

이렇게 하면 초기에 흐름이 약한 부분을 잡아낼 수 있어, 나중에 모든 슬라이드를 다시 쓰는 일을 줄일 수 있습니다.

슬라이드 역할에 맞는 레이아웃 패턴을 고르세요

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/ 아래에 정리하는 구조를 갖고 있으므로, 그 패턴을 확장하는 것이 시간이 갈수록 스킬의 실전 가치를 높이는 가장 현실적인 방법입니다.

평점 및 리뷰

아직 평점이 없습니다
리뷰 남기기
이 스킬의 평점과 리뷰를 남기려면 로그인하세요.
G
0/10000
최신 리뷰
저장 중...