Tailwind CSS, Font Awesome 및 Google Fonts를 사용하여 HTML 슬라이드 프레젠테이션(슬라이드 1개 = HTML 파일 1개, 1280x720px)을 생성합니다. 사용자가 새 프레젠테이션 데크나 슬라이드 HTML 파일을 만들도록 요청할 때 사용합니다. 디자인 지침, 20가지 레이아웃 패턴, 구성 요소 라이브러리 및 PPTX 변환 호환성 규칙을 다룹니다. 스타일 선택(창의적, 우아함, 현대적, 전문적, 미니멀리스트) 및 테마 선택(마케팅, 포트폴리오, 비즈니스, 기술, 교육)을 지원합니다.
명령줄에서 slidekit-create AI 스킬을 개발 환경에 빠르게 설치
출처: nogataka/claude-code-skills.
All communication with the user MUST be in Japanese. Questions, confirmations, progress updates, and any other messages — always use Japanese.
Generate HTML files forming a complete presentation deck. Each file is a self-contained HTML document rendered at 1280 x 720 px. All content is pure HTML + CSS. Chart.js is used automatically when data visualizations require it (line charts, radar charts, etc.) — no other JavaScript is permitted.
For DOM snippets and component patterns, see references/patterns.md. For user-provided custom templates, see references/templates/.
Tailwind CSS, Font Awesome 및 Google Fonts를 사용하여 HTML 슬라이드 프레젠테이션(슬라이드 1개 = HTML 파일 1개, 1280x720px)을 생성합니다. 사용자가 새 프레젠테이션 데크나 슬라이드 HTML 파일을 만들도록 요청할 때 사용합니다. 디자인 지침, 20가지 레이아웃 패턴, 구성 요소 라이브러리 및 PPTX 변환 호환성 규칙을 다룹니다. 스타일 선택(창의적, 우아함, 현대적, 전문적, 미니멀리스트) 및 테마 선택(마케팅, 포트폴리오, 비즈니스, 기술, 교육)을 지원합니다. 출처: nogataka/claude-code-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-createTailwind CSS, Font Awesome 및 Google Fonts를 사용하여 HTML 슬라이드 프레젠테이션(슬라이드 1개 = HTML 파일 1개, 1280x720px)을 생성합니다. 사용자가 새 프레젠테이션 데크나 슬라이드 HTML 파일을 만들도록 요청할 때 사용합니다. 디자인 지침, 20가지 레이아웃 패턴, 구성 요소 라이브러리 및 PPTX 변환 호환성 규칙을 다룹니다. 스타일 선택(창의적, 우아함, 현대적, 전문적, 미니멀리스트) 및 테마 선택(마케팅, 포트폴리오, 비즈니스, 기술, 교육)을 지원합니다. 출처: nogataka/claude-code-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-create 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/nogataka/claude-code-skills