skills.rest
nogataka
nogatakaCOMMUNITY
Explore all skills by this author →
GitHub

slidekit-create

Generate HTML slide decks with 20 layout patterns and Tailwind CSS.

28|2|Updated Feb 9, 2026
Search Tags:#templates#html#pptx#slides#tailwind#generate#design-patterns
One-click install
npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-create
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slidekit-create
Source: https://github.com/nogataka/claude-code-skills/tree/main/skills/slidekit-create
Command: npx skills add https://github.com/nogataka/claude-code-skills --skill slidekit-create

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Generates ready-to-use HTML slide decks quickly from user requirements, eliminating manual HTML assembly and design trial-and-error.

Core Features & Use Cases

  • Pattern-driven design: provides 20 layout patterns and a component library to assemble professional slides.
  • Template and CDN-powered: relies on Tailwind CSS, Font Awesome, and Google Fonts for consistent visuals and fast loading.
  • PPTX compatibility: outputs 1280x720px slides with optional PPTX conversion workflows and print-friendly options.
  • Use Case: ideal for marketing pitches, product briefs, tech talks, and education decks created from topic prompts or provided content.

Quick Start

Provide your slide requirements and Claude will generate 001.html to 020.html using the chosen style and template.

Frequently Asked Questions about slidekit-create

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate HTML slide decks from existing content?▼

Apply 20 layout patterns and a component library to assemble professional HTML slides, eliminating manual HTML assembly and design trial-and-error.

Can I convert HTML slides to PPTX format?▼

Yes, HTML slides feature PPTX compatibility with optional conversion workflows and print-friendly options, allowing you to transition 1280x720px slides into PPTX format.

Does this HTML slide generator work with Tailwind CSS?▼

Yes, Tailwind CSS is a core dependency for styling 1280x720px HTML slides, ensuring consistent visuals and fast loading through CDN resources.

What's the best way to create marketing pitch slides using HTML?▼

Use pattern-driven design with 20 layout patterns and a component library to assemble professional marketing pitches and product briefs from topic prompts.

What slide dimensions do the generated HTML files use?▼

Generated HTML slides use fixed 1280x720px dimensions, ensuring PPTX compatibility and consistent display across presentation environments.

Do I need design experience to use these HTML slide templates?▼

No design experience is needed; 20 layout patterns and a component library eliminate manual HTML assembly and design trial-and-error for professional results.

Related Skills

Explore More Design & Creative Skills→
tokidev-aitokidev-ai

carousel-instagram

Generate Instagram carousel HTML slides and export PNGs via html-to-image.

Community
Intermediate
fidalgokfidalgok

bc-slide-design

Generate BC-branded HTML slide decks with theme toggle and typography controls.

Community
Advanced
petbrainspetbrains
13

frontend-google-fonts

Configure Google Fonts typography for Next.js and Tailwind projects.

Official
Basic
Maccio-huangMaccio-huang

html-ppt-zhangzara-creative-mode

Generate and customize HTML decks with a predefined design system.

Community
Intermediate