사용 가이드로 건너뛰기
slide-making-skill작성자 MiniMax

Slide Making Skill 스킬.

PPT 및 슬라이드 덱을 위한 Claude Code 및 Codex skill: PptxGenJS로 단일 PowerPoint 슬라이드를 구현합니다.

  • Presentations
  • PPTX
MiniMax-AI/skills · plugins/pptx-plugin/skills/slide-making-skill/SKILL.mdSKILL.md
--- name: slide-making-skill description: Implement single-slide PowerPoint pages with PptxGenJS. Use when writing or fixing slide JS files: dimensions, positioning, text/image/chart APIs, styling rules, and export expectations for native .pptx output. --- ## Font Rules ## Color Palette Rules (MANDATORY) ## Page Number Badge (REQUIRED) ## Theme Object Contract (MANDATORY) ## Subagent Output Format ## Critical Pitfalls
업스트림 파일에서 2026-09-14에 읽은 전문 및 섹션 제목 · 전체 7,209자

01 기능

Claude Code와 Codex에서 slide-making-skill 스킬이 하는 일

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

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

스킬 자체의 표현으로

PptxGenJS로 구축된 개별 PowerPoint 슬라이드용 JavaScript에 대한 구현 가이드로, 각각 하나의 슬라이드를 담당하는 코딩 에이전트를 위해 작성되었습니다. 먼저 주변 계약을 고정합니다: 10 x 5.625 인치 16:9 캔버스, primary, secondary, accent, light, bg만 담는 테마 객체, slideConfig와 함께 내보내지는 동기식 createSlide, 그리고 파일별로 실행 가능한 독립 프리뷰입니다.

그 위에 규율을 강제합니다 — Microsoft YaHei 또는 Arial, 굵은 본문 텍스트 금지, 팔레트 색상만 사용, 그레이디언트나 애니메이션 금지 — 그리고 표지를 제외한 모든 슬라이드에 페이지 번호 배지를 넣습니다. QA는 버그 사냥으로 규정되며, 수정과 검증 사이클을 거쳐야만 끝납니다.

산출물

  • 각 개별 슬라이드에 대해 실행 가능한 완전한 JavaScript 파일입니다.
예시 프롬프트 보기 ↗

작동 방식

  1. 01
    먼저 PptxGenJS 레퍼런스를 읽으십시오

    슬라이드 코드를 작성하기 전에 전체 API 범위를 확인하려면 pptxgenjs.md를 여십시오: 설정과 구조, 텍스트와 서식, 목록, 도형과 그림자, 이미지와 아이콘, 배경, 표와 차트가 포함되어 있습니다.

  2. 02
    createSlide를 동기 함수로 유지

    컴파일 단계에서 이를 await하지 않으므로, 진입점은 async가 아닌 일반 함수여야 합니다.

  3. 03
    테마 객체를 기준으로 렌더링하십시오

    모든 색상은 하드코딩되지 않고 전달된 테마에서 가져옵니다 — 예를 들어 슬라이드 배경도 마찬가지입니다.

  4. 04
    모듈 계약을 내보내십시오

    각 파일은 createSlide와 slideConfig를 함께 반환하여 컴파일 스크립트가 덱을 조립할 수 있도록 합니다.

  5. 05
    QA를 버그 사냥으로 취급하십시오

    보기에 괜찮다고 확인하는 대신, 첫 렌더링에서부터 문제를 찾아 나서십시오.

02 적합성 확인

slide-making-skill 스킬을 사용하는 경우

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

적합한 경우

  • 한 번에 하나의 슬라이드에 대한 JavaScript를 작성하거나 수정하는 작업으로, 크기, 위치 지정, 그리고 텍스트·이미지·차트 API를 다룹니다.
  • 이미지나 HTML 목업이 아니라 네이티브 PowerPoint 파일로 나와야 하는 덱입니다.
  • Georgia와 Calibri처럼 디스플레이 서체와 본문 서체를 의도적으로 다르게 짝지은 슬라이드입니다.

한계 인지하기

  • 모든 종류의 모션입니다: 슬라이드에는 애니메이션이나 전환 효과가 없으며 완전히 정적인 상태를 유지합니다.
  • 투명도는 00000020과 같은 16진수 색상 문자열에 포함할 수 없으며, 별도의 속성 값으로 전달해야 합니다.

제공할 사항

  • 사용자의 색상 팔레트슬라이드에 사용되는 모든 색상은 이 팔레트에서 나와야 하므로, 팔레트를 미리 제공하십시오.
  • 테마 객체컴파일 스크립트는 primary, secondary, accent, light, bg라는 정확한 키를 가진 테마를 전달합니다.
  • 16:9 캔버스좌표와 배지 위치가 이를 전제로 하므로, 슬라이드를 10 x 5.625인치 LAYOUT_16x9 프레임에 배치하십시오.

03 스킬 내부

slide-making-skill 스킬이 Claude Code와 Codex에 부여하는 규칙

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

  1. 본문에는 볼드체를 사용하지 않습니다

    본문 단락, 설명, 캡션, 범례, 각주는 일반 굵기를 유지하며, 볼드는 제목과 헤딩에만 사용합니다.

  2. 팔레트 색상만 사용합니다

    모든 색상은 사용자가 제공한 팔레트에서 가져와야 하며, 색상을 새로 만들거나 수정하는 것은 금지됩니다. 허용되는 유일한 변경은 0에서 100까지의 투명도 조정입니다.

  3. 단색 채우기만 사용합니다

    그라디언트는 전면 사용이 금지되며, 솔리드 컬러를 사용하고 필요한 경우 투명도 값을 적용하여 오버레이를 구성합니다.

  4. 표지를 제외한 모든 슬라이드에 배지 표시

    페이지 번호 배지는 x 9.3인치, y 5.1인치 위치의 우측 하단에 배치되며, 은은한 팔레트 색상을 사용해 원형 또는 필 형태로 표시합니다.

  5. 중국어 기본 폰트

    중국어 카피는 Microsoft YaHei로 렌더링되며, 폰트 테이블에는 이에 대한 대체 옵션이 없습니다.

  6. 정확한 테마 키 이름

    테마 객체는 primary, secondary, accent, light, bg를 가지며, background, text, muted, darkest, lightest 같은 이름을 임의로 만들어서는 안 됩니다.

  7. 헥스 컬러에 # 기호 없음

    헥스 값은 # 접두사 없이 6자리로 작성해야 하며, 접두사를 추가하면 출력 파일이 손상됩니다.

  8. 긴 제목 축소

    긴 제목 텍스트는 fit을 shrink로 설정하여 두 번째 줄로 줄바꿈되는 대신 크기가 축소되도록 합니다.

04 활용하기

Claude Code 또는 Codex에 slide-making-skill 설치

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

Claude Code, Codex 또는 사용 중인 에이전트에 slide-making-skill 추가

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

Terminal
npx skills add https://github.com/MiniMax-AI/skills --skill slide-making-skill

plugins/pptx-plugin/skills/slide-making-skill/SKILL.md에 대한 일반적인 skills CLI 형식이며, 저장소에 자체 경로가 문서화되어 있을 수 있습니다.

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

SKILL.md에는 예제 프롬프트가 포함되어 있지 않습니다. 이 스타터는 카탈로그 한 줄 설명에서 작성되었습니다. 작업 줄을 실제 브리프로 교체하십시오.

Starter prompt
Use the slide-making-skill skill on the material I attach. What the skill should do here: Implements single PowerPoint slides with PptxGenJS. Rules: do not invent copy, data or brand assets. State your plan first, then produce the result and tell me what to check.

출처: SKILL.md가 아닌 카탈로그 한 줄 사용 설명에서 작성된 스타터 프롬프트입니다.

첫 번째 결과 확인

출력을 수락하기 전에 대화 기록과 파일에서 다음을 확인하십시오:

  • 본문 단락, 설명 → 보통 굵기
  • 캡션, 범례, 각주 → 보통 굵기
  • 굵게는 제목과 표제에만 사용

OpenDesign에서 slide-making-skill을 SKILL.md 링크로 가져오려면: Plugins → Add → Skill → Import from link를 사용한 다음 상단 바에서 선택합니다.

05 오픈 소스, 추적 가능

출처, 라이선스 및 검증

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

Author
MiniMax
Repository
github.com/MiniMax-AI/skills 브랜치 main
스킬 파일
plugins/pptx-plugin/skills/slide-making-skill/SKILL.md 검증 시점에 콘텐츠 체크섬이 기록됨. 커밋 60aaae5
License
MIT LICENSE에서 확인
리포지토리 스타
13,547 이 카탈로그에 6개의 스킬이 포함된 전체 MiniMax-AI/skills 저장소에 대해 2026-09-14에 촬영한 GitHub 스냅샷입니다. slide-making-skill에 대한 평점이나 사용 횟수가 아닙니다.
OpenDesign에서 검증됨
2026-09-14 소스 파일, 경로, 라이선스 텍스트 및 스타 수가 확인되었습니다. OpenDesign 메인에 번들로 포함되지 않음(2026-08-28 확인); 이 페이지에 실제 실행 기록이 없습니다.
스킬 자체 설명
"PptxGenJS로 단일 슬라이드 PowerPoint 페이지를 구현합니다. 슬라이드 JS 파일을 작성하거나 수정할 때 사용: 치수, 위치 지정, 텍스트/이미지/차트 API, 스타일 규칙 및 네이티브 .pptx 출력에 대한 내보내기 요구 사항."

SKILL.md의 프론트 매터 설명입니다. 전체 파일은 약 7,209자입니다. GitHub에서 전체 파일 읽기.

Slide Making Skill

실제 PPT 및 슬라이드 덱 작업에서 slide-making-skill 실행.

OpenDesign를 다운로드하고 SKILL.md 링크에서 slide-making-skill을 임포트한 후 위 프롬프트를 붙여넣고 결과 전에 계획을 읽으십시오.

터미널
npx skills add https://github.com/MiniMax-AI/skills --skill slide-making-skill

OpenDesign 데스크톱

하나의 디자인 시스템으로 모든 결과물에 브랜드 일관성을

완전한 Vibe Design Workspace에서 하나의 브랜드 규칙을 웹사이트, 슬라이드, 인터랙티브 프로토타입, 대시보드, 이미지, HTML 영상에 적용하세요. 로컬 Codex, Claude Code, Cursor 등을 연결해 무료로 제작할 수 있습니다.

  • 웹, 슬라이드, 프로토타입, 대시보드, 이미지, 영상
  • 140개+ 디자인 시스템과 전체 템플릿·스킬 라이브러리
  • 로컬 Codex 및 21개+ 코딩 에이전트 연결 · 무료
무료 다운로드

macOS, Windows 지원