·slidekit-create
#

slidekit-create

✓
nogataka/claude-code-skillsGitHub: nogataka/claude-code-skillsSource: nogataka/claude-code-skills

Generate HTML slide presentations (1 slide = 1 HTML file, 1280x720px) using Tailwind CSS, Font Awesome, and Google Fonts. Use when the user asks to create a new presentation deck or slide HTML files. Covers design guidelines, 20 layout patterns, component library, and PPTX conversion compatibility rules. Supports style selection (creative, elegant, modern, professional, minimalist) and theme selection (marketing, portfolio, business, technology, education).

nogataka·slidekit·create
9Installs·0Trend·@nogataka

Installation

GitHub: nogataka/claude-code-skills
$npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-create

How to Install slidekit-create

Quickly install slidekit-create AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-create
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: nogataka/claude-code-skills.

SKILL.md

View raw

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/.

Generate HTML slide presentations (1 slide = 1 HTML file, 1280x720px) using Tailwind CSS, Font Awesome, and Google Fonts. Use when the user asks to create a new presentation deck or slide HTML files. Covers design guidelines, 20 layout patterns, component library, and PPTX conversion compatibility rules. Supports style selection (creative, elegant, modern, professional, minimalist) and theme selection (marketing, portfolio, business, technology, education). Source: nogataka/claude-code-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-create
Source
nogataka/claude-code-skills
Category
#Documents
Verified
✓
First Seen
2026-02-22
Updated
2026-03-11
URL
https://www.learn-skills.dev/en/skills/nogataka/claude-code-skills/slidekit-create

Browse more skills from nogataka/claude-code-skills

Quick answers

What is slidekit-create?

Generate HTML slide presentations (1 slide = 1 HTML file, 1280x720px) using Tailwind CSS, Font Awesome, and Google Fonts. Use when the user asks to create a new presentation deck or slide HTML files. Covers design guidelines, 20 layout patterns, component library, and PPTX conversion compatibility rules. Supports style selection (creative, elegant, modern, professional, minimalist) and theme selection (marketing, portfolio, business, technology, education). Source: nogataka/claude-code-skills.

How do I install slidekit-create?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-create Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/nogataka/claude-code-skills

Details

Category
#Documents
Source
skills.sh
First Seen
2026-02-22

Related Skills

slidekit-templ
8 Installs