83.3K+다운로드
사용 가이드로 건너뛰기
slides작성자 nextlevelbuilder

Slides 스킬.

PPT 및 슬라이드 덱을 위한 Claude Code 및 Codex skill: Chart.js, 디자인 토큰 및 반응형 레이아웃을 활용한 전략적 HTML 프레젠테이션을 제공합니다.

  • Presentations
  • HTML 슬라이드
OpenDesign 다운로드사용 가이드 보기
nextlevelbuilder/ui-ux-pro-max-skill · .claude/skills/slides/SKILL.mdSKILL.md
--- name: slides description: Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies. --- ## When to Use ## Subcommands ## Script Paths ## References (Knowledge Base) ## Routing
업스트림 파일에서 2026-09-14에 읽은 전문 및 섹션 제목 · 전체 1,718자

01 기능

Claude Code와 Codex에서 slides 스킬이 하는 일

요약, 워크플로, 산출물을 모두 해당 스킬의 SKILL.md에서 그대로 읽어 정리한 내용입니다.

SKILL.md에서2026-09-14 읽음 · 실행 기록 아님

스킬 자체의 표현으로

이 스킬은 Chart.js 데이터 시각화, 디자인 토큰, 반응형 레이아웃을 갖춘 전략적 HTML 프레젠테이션을 생성합니다. 마케팅 프레젠테이션, 투자 유치용 덱, 데이터 기반 슬라이드에 카피라이팅 공식과 맥락별 슬라이드 전략을 적용합니다.

이 스킬은 create 서브커맨드를 통해 작동하며, 레이아웃 패턴, HTML 템플릿, 카피라이팅 공식, 슬라이드 전략에 대한 지식 베이스를 제공합니다. 스크립트는 스킬 디렉터리를 기준으로 동작하는 동시에 프로젝트 루트에서 docs/brand-guidelines.md, assets/design-tokens.json, src/ 같은 프로젝트 파일을 읽고 씁니다.

산출물

  • HTML 템플릿과 Chart.js 시각화, 적용된 카피라이팅 공식을 갖춘 전략적 프레젠테이션 슬라이드
예시 프롬프트 보기 ↗

작동 방식

  1. 01
    서브커맨드 파싱

    이 스킬은 인자에서 첫 단어를 추출하여 실행할 서브커맨드를 결정합니다.

  2. 02
    참조 파일 로드

    이 스킬은 references 디렉터리에서 서브커맨드에 해당하는 마크다운 파일을 로드합니다.

  3. 03
    나머지 인자로 실행

    이 스킬은 서브커맨드 뒤에 오는 인자를 사용하여 로드된 참조 지침을 실행합니다.

02 적합성 확인

slides 스킬을 사용해야 하는 경우

Claude Code 또는 Codex에서 이러한 유형의 PPT 및 슬라이드 덱 작업일 때 slides 스킬을 사용합니다. 아래의 적합성과 제한사항은 스킬 자체 파일에서 가져온 것입니다.

적합한 경우

  • 마케팅 프레젠테이션 및 피치 덱
  • Chart.js를 사용한 데이터 기반 슬라이드
  • 레이아웃 패턴을 사용한 전략적 슬라이드 디자인
  • 카피라이팅에 최적화된 프레젠테이션 콘텐츠

한계 인지하기

  • Chart.js 필요SKILL.md에 이 종속성이 명시되어 있으며, 프로젝트에 이것이 없으면 스킬이 작동하지 않습니다.

제공할 사항

  • 필요Chart.js — SKILL.md에 명시된 필수 요구사항입니다.

03 스킬 내부

slides 스킬이 Claude Code와 Codex에 부여하는 규칙

SKILL.md가 에이전트에게 설정하는 3가지 구체적인 지침, 기본값과 제한 사항 — 결과를 바꾸는 파일의 부분입니다.

  1. 스크립트 경로 해석

    이 스킬과 그 참조 파일들의 스크립트 경로는 프로젝트 루트가 아니라 SKILL.md가 포함된 디렉터리를 기준으로 합니다. 작업 디렉터리는 프로젝트 루트에 유지됩니다.

  2. 프로젝트 파일 접근

    스크립트는 프로젝트 루트 작업 디렉터리를 기준으로 docs/brand-guidelines.md, assets/design-tokens.json, src/ 같은 프로젝트 파일을 읽고 씁니다.

  3. 스킬 디렉터리 기준

    작업 디렉터리를 프로젝트 루트에 유지하면서, 스킬이 로드될 때 Claude Code가 보고하는 스킬의 기준 디렉터리로부터 전체 경로를 구성합니다.

04 활용하기

Claude Code 또는 Codex에 slides 설치하기

npx skills add 명령 한 번 실행 후, 에이전트에서 첫 번째 작업을 수행하고 결과 체크리스트를 확인합니다.

Claude Code, Codex 또는 사용자의 Agent에 slides 추가하기

프로젝트에서 실행합니다. 설치 프로그램이 어떤 에이전트에 추가할지 묻습니다.

Terminal
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides

.claude/skills/slides/SKILL.md에 대한 일반적인 skills CLI 형식이며, 저장소에서 자체 경로를 문서화할 수도 있습니다.

스킬에 첫 PPT 및 슬라이드 덱 작업 제공

스킬 자체의 용어로 작성되었습니다. 대괄호 부분은 각자의 자료로 교체합니다.

Starter prompt
Create a 12-slide pitch deck on [product launch strategy] with data visualizations for [market growth projections] and [competitive positioning]. Apply layout patterns for visual hierarchy and use copywriting formulas to strengthen the value proposition on key slides.

출처: 스킬 자체의 용어로 SKILL.md에서 작성했습니다.

첫 번째 결과 확인

SKILL.md 자체가 올바른 결과의 모습으로 제시하는 내용:

  • references/layout-patterns.md의 레이아웃 패턴이 슬라이드 전반에 일관되게 적용되었는지 확인합니다
  • references/copywriting-formulas.md의 카피라이팅 공식이 프레젠테이션 내용에 사용되었는지 확인합니다
  • references/slide-strategies.md의 슬라이드 전략이 프레젠테이션 맥락에 맞는지 확인합니다
  • assets/design-tokens.json의 디자인 토큰이 올바르게 적용되었는지 검증합니다
  • 다양한 뷰포트 크기에서 반응형 레이아웃을 테스트합니다

OpenDesign에서는 slides가 기본 제공됩니다: Plugins → Skills에서 상단 바를 통해 선택하십시오.

OpenDesign 다운로드빠른 시작 가이드 읽기

05 오픈 소스, 추적 가능

출처, 라이선스 및 검증

이 페이지의 사실이 어디에서 왔으며 언제 마지막으로 확인되었는지 안내합니다.

Author
nextlevelbuilder
Repository
github.com/nextlevelbuilder/ui-ux-pro-max-skill 브랜치 main
스킬 파일
.claude/skills/slides/SKILL.md 검증 시 콘텐츠 체크섬 기록됨, 커밋 7f69fed
License
MIT LICENSE에서 확인
리포지토리 스타
127,450 nextlevelbuilder/ui-ux-pro-max-skill 저장소 전체에 대한 GitHub 스냅샷이 2026-09-14에 생성되었으며, 이 카탈로그에는 7개의 스킬이 포함되어 있습니다. slides에 대한 평가나 사용 횟수가 아닙니다.
OpenDesign에서 검증됨
2026-09-14 소스 파일, 경로, 라이선스 텍스트 및 별 개수가 확인되었습니다. OpenDesign 메인에 번들로 포함됨(2026-08-28 확인됨); 이 페이지에 실시간 실행이 기록되지 않았습니다.

SKILL.md 내부

  1. 사용 시점사용 사례를 나열합니다: 마케팅 프레젠테이션, 데이터 기반 슬라이드, 전략적 디자인, 카피라이팅에 최적화된 콘텐츠
  2. 서브커맨드전략적 프레젠테이션 슬라이드를 생성하는 create 서브커맨드를 설명합니다
  3. 스크립트 경로프로젝트 루트에서 작업하는 동안 스킬 디렉터리를 기준으로 스크립트 경로가 어떻게 해석되는지 설명합니다
  4. 참조 자료(지식 베이스)레이아웃 패턴, HTML 템플릿, 카피라이팅 공식, 슬라이드 전략에 대한 참조 파일을 나열합니다
  5. 라우팅세 단계 프로세스를 설명합니다: 서브커맨드 파싱, 참조 파일 로드, 나머지 인자로 실행
스킬 자체 설명
"Chart.js, 디자인 토큰, 반응형 레이아웃, 카피라이팅 공식 및 맥락적 슬라이드 전략으로 전략적 HTML 프레젠테이션을 생성합니다."

SKILL.md의 front-matter 설명입니다. 전체 파일은 약 1,718자입니다. GitHub에서 전체 파일 읽기.

Slides

실제 PPT 및 슬라이드 덱 작업에서 slides를 실행합니다.

slides 스킬은 OpenDesign 안에 포함되어 있습니다. 앱을 다운로드하고 Plugins → Skills에서 스킬을 선택한 후 위 프롬프트를 붙여넣고 결과 전에 계획을 읽어보십시오.

OpenDesign 다운로드모든 스킬 보기
터미널
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slides