스킬 ckm:slides
📊

ckm:slides

낮은 위험 🌐 네트워크 접근

데이터 시각화를 활용한 전략적 HTML 프레젠테이션 제작

처음부터 설득력 있는 슬라이드 덱을 만드는 데는 수 시간의 디자인 및 카피라이팅 작업이 필요합니다. 이 스킬은 검증된 템플릿, Chart.js 통합, 카피라이팅 공식을 제공하여 전문적인 프레젠테이션을 빠르게 만들 수 있도록 도와줍니다.

지원: Claude Codex Code(CC)
📊 70 적절함
1

스킬 ZIP 다운로드

2

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

3

토글을 켜고 사용 시작

테스트해 보기

"ckm:slides" 사용 중입니다. Create a title slide for a fintech startup called 'PayFlow' that simplifies cross-border payments

예상 결과:

Title: 'PayFlow: 국경 없는 결제, 즉시 처리'
Subtitle: '전 세계로 30초 이내에 송금'
Layout: 그래디언트 텍스트와 페이드 업 애니메이션이 적용된 중앙 정렬 타이틀

"ckm:slides" 사용 중입니다. Add a traction chart showing monthly recurring revenue growth from $5K to $45K over 4 months

예상 결과:

x축에 월(Sep-Dec), y축에 MRR 값이 표시된 Chart.js 라인 차트. 기본 브랜드 색상에 맞춘 빨간 테두리 색상, 부드러운 텐션 곡선, 라인 아래 반투명 채움 영역.

"ckm:slides" 사용 중입니다. Build a problem slide about slow international wire transfers

예상 결과:

Problem: '해외 송금은 영업일 기준 3-5일이 걸립니다.'
Agitate: '실시간 경제에서 본인의 돈을 며칠 동안 기다리는 것은 거래 기회를 잃고, 급여 지급을 지연시키며, 팀의 좌절감을 야기합니다.'
Solution intro: 'PayFlow는 30초 만에 결제합니다.'

보안 감사

낮은 위험
v2 • 6/19/2026

The skill consists of documentation and reference files for creating HTML presentations. The static analyzer flagged 121 patterns, but all are false positives. 'Weak cryptographic algorithm' warnings match on CSS keywords like 'key' and 'signature' used in presentation contexts. 'Ruby/shell backtick execution' warnings match on markdown code formatting. Network references point to legitimate CDNs (cdn.jsdelivr.net for Chart.js, images.pexels.com for stock images). No executable scripts or malicious code patterns were found.

6
스캔된 파일
662
분석된 줄 수
3
발견 사항
2
총 감사 수
낮은 위험 문제 (2)
External CDN Resource Loading
Template loads Chart.js library from cdn.jsdelivr.net CDN. This is a standard, legitimate CDN used for open-source libraries. No malicious intent detected.
External Image References
Template references images from images.pexels.com for background images. Pexels is a legitimate stock photography platform.
감사자: claude 감사 이력 보기 →

품질 점수

45
아키텍처
100
유지보수성
87
콘텐츠
50
커뮤니티
86
보안
65
사양 준수

만들 수 있는 것

스타트업 피치 덱

검증된 YC 덱 구조를 활용하여 시드 또는 시리즈 A 투자 라운드를 위한 투자자 프레젠테이션을 만드는 창업가들.

세일즈 지원

설득력 있는 카피라이팅 공식을 활용하여 제품 데모 덱과 피치 프레젠테이션을 만드는 영업팀.

내부 커뮤니케이션

데이터 시각화를 활용한 QBR 보고서, 전사 회의 업데이트, 이사회 회의 프레젠테이션을 만드는 매니저들.

이 프롬프트를 사용해 보세요

간단한 타이틀 슬라이드
Create a title slide for a presentation about [topic] with a compelling hook.
데이터 시각화
Create a metrics dashboard slide showing [metric 1], [metric 2], [metric 3] with a Chart.js bar chart for monthly revenue.
문제-해결 구조
Create a 5-slide pitch using the PAS formula: problem slide, agitation slide, solution overview, features grid, and CTA closing.
전체 YC 덱
Generate a complete 10-slide YC seed deck for a [industry] startup with title, problem, solution, traction chart, market sizing, product, business model, team, financials, and ask slides.

모범 사례

  • 콘텐츠 유형과 위치에 적합한 레이아웃을 찾기 위해 항상 슬라이드 지식 데이터베이스 검색 명령어를 사용하세요
  • 일관된 브랜딩과 쉬운 테마 업데이트를 위해 디자인 토큰을 슬라이드 전체에 일관되게 적용하세요
  • 청중의 관심을 전반적으로 유지하기 위해 덱 전략에 대한 감정 곡선 가이드를 따르세요

피하기

  • 발표자 모드에 필수적인 네비게이션 및 진행률 바 컴포넌트를 건너뛰지 마세요
  • 시각적 혼잡을 방지하기 위해 단일 대시보드 슬라이드에 6개 이상의 지표 카드를 사용하지 마세요
  • Chart.js를 CDN이 아닌 소스에서 로드하거나 전체 라이브러리를 HTML에 인라인하지 마세요

자주 묻는 질문

이 스킬은 어떤 도구와 호환되나요?
이 스킬은 Claude, Claude Code, Codex AI 코딩 어시스턴트와 호환됩니다.
오프라인에서도 작동하나요?
아니요, Chart.js는 CDN에서 로드되므로 첫 로드 시 인터넷 연결이 필요합니다. 캐싱 후에는 오프라인에서도 슬라이드를 볼 수 있습니다.
슬라이드를 PowerPoint로 내보낼 수 있나요?
아니요, 이 스킬은 HTML 프레젠테이션만 생성합니다. 정적 내보내기를 위해 슬라이드를 스크린샷하거나 브라우저의 PDF 인쇄 기능을 사용할 수 있습니다.
사용 가능한 슬라이드 레이아웃은 몇 개인가요?
이 스킬은 타이틀 슬라이드, 기능 그리드, 지표 대시보드, 비교 표, CTA 클로징을 포함한 25가지 레이아웃 패턴을 제공합니다.
Chart.js가 유일하게 지원되는 차트 라이브러리인가요?
예, 템플릿은 Chart.js로 구성되어 있습니다. 필요한 경우 D3.js나 ApexCharts 같은 다른 라이브러리를 사용하도록 코드를 수정할 수 있습니다.
어떤 카피라이팅 프레임워크가 포함되어 있나요?
이 스킬은 PAS, AIDA, FAB, 행동하지 않는 비용, Before-After-Bridge, 소셜 프루프 패턴을 포함한 25가지 공식을 포함합니다.