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

slidekit-templ

Convert PDF presentations into HTML slide templates with extracted colors and fonts.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converting PDFs to HTML slide templates for reusable decks and web-friendly delivery.

Core Features & Use Cases

  • Generate HTML slides (001.html, 002.html, ...) from a PDF deck
  • Create reusable, brand-consistent slide templates that reproduce the deck visuals
  • Produce a print.html for easy hard-copy sharing

Quick Start

Provide a PDF deck and run the slidekit-templ workflow to generate HTML templates and a print-ready page.

Frequently Asked Questions about slidekit-templ

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

FAQPage Schema
How do I convert a PDF presentation into HTML slides?▼

Converting a PDF presentation into HTML slides involves a deterministic pipeline that transforms PDFs into images, extracts colors and fonts, and outputs numbered HTML files using Tailwind CSS and Google Fonts.

What is the best way to create reusable HTML templates from existing decks?▼

Creating reusable HTML templates from existing decks is best done by visually reproducing each slide into a fixed 1280x720 HTML structure, enabling brand-consistent customization in subsequent deliveries.

Can I generate a print-ready HTML page from my PDF slides?▼

Yes, you can generate a print-ready HTML page from PDF slides; the workflow outputs a print.html file specifically designed for easy hard-copy sharing alongside the individual HTML slide files.

Does this PDF to HTML conversion use JavaScript for slide rendering?▼

No, this PDF to HTML conversion does not use JavaScript; the HTML templates rely entirely on Tailwind CSS, Font Awesome, and Google Fonts for static, high-fidelity visual reproduction.

What dimensions and frameworks do the generated HTML slide templates follow?▼

The generated HTML slide templates follow a fixed 1280x720 pixel dimension and utilize Tailwind CSS, Font Awesome, and Google Fonts to ensure consistent design-system reproduction without JavaScript.

Related Skills

Explore More Design & Creative Skills→
MuhammadUAMuhammadUA

presentations

Create, validate, and export 1920x1080 HTML slide decks to PDF and PPTX.

Community
Intermediate
ttttstcttttstc
1

ppt-forge

Automates the end-to-end HTML-to-PPTX production pipeline with brand templates.

Community
Advanced
stromy-orgstromy-org

pptx-hd

Convert HTML/CSS slide designs into editable PowerPoint decks.

Official
Advanced
MyHeavenDyfMyHeavenDyf

html-ppt-zhangzara-soft-editorial

Generate HTML presentations with a literary editorial design system.

Community
Advanced