skills.rest
vkehfdl1
vkehfdl1COMMUNITY
Explore all skills by this author →
Website𝕏@jeffreykim0711GitHub

ppt-design-skill

Generate numbered slide-XX.html files and update viewer.html via node scripts/build-viewer.js.

1.2k|128|Updated Mar 8, 2026
Search Tags:#workflow#design#html#iteration#slides#generate#viewer
One-click install
npx skills add https://github.com/vkehfdl1/slides-grab --skill ppt-design-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ppt-design-skill
Source: https://github.com/vkehfdl1/slides-grab/tree/main/skills/ppt-design-skill
Command: npx skills add https://github.com/vkehfdl1/slides-grab --skill ppt-design-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill streamlines the creation and iteration of HTML slide decks by generating numbered slide files from an approved outline and updating the viewer for quick review.

Core Features & Use Cases

  • Generate slide-01.html to slide-XX.html in the slides workspace (slides/ by default) after outline approval.
  • Update viewer.html automatically via the build script to reflect changes.
  • Iterate revisions by editing only the affected slide files, preserving the overall structure.

Quick Start

Generate slide-01.html through slide-XX.html in the slides workspace and refresh viewer.html after outline approval.

Frequently Asked Questions about ppt-design-skill

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

FAQPage Schema
How do I generate HTML slides from an approved outline?▼

To generate HTML slides, this Skill creates numbered slide-XX.html files in the slides workspace and runs a build script to update viewer.html, accelerating design revisions directly from your approved outline.

What is the standard slide size enforced for HTML slide generation?▼

The standard slide size enforced for HTML slide generation is 720pt x 405pt, ensuring consistent dimensions across all generated slide-XX.html files within the slides workspace.

How do I iterate revisions on specific slides without breaking the deck structure?▼

To iterate revisions on specific slides, edit only the affected slide-XX.html files while preserving the overall structure, then run the build script to automatically refresh viewer.html for review.

Does this slide generation skill require any external dependencies or build tools?▼

No external dependencies are required, but a post-generation build is enforced via node scripts/build-viewer.js to compile the numbered HTML slide files into an updated viewer.html for review.

Can I use semantic HTML tagging when generating slide files for a viewer?▼

Yes, semantic HTML tagging is enforced during slide generation to structure the 720pt x 405pt slide files, ensuring the resulting viewer.html renders content accurately for review loops.

Why does my viewer.html not update after editing slide files?▼

Your viewer.html does not update because the post-generation build step is required; you must execute node scripts/build-viewer.js to compile changes from the individual slide-XX.html files into the viewer.

Related Skills

Explore More Design & Creative Skills→
inclusionAIinclusionAI
1.2k

ppt

Generate PowerPoint presentations from structured outlines and HTML-style templates.

Official
Advanced
vkehfdl1vkehfdl1
1.2k

design-skill

Generate themed HTML slides from slide-outline.md with integrated viewer for review.

Community
Intermediate
uxjosephuxjoseph
68

design-skill

Generate HTML slide templates with typography, color palettes, and layout tokens.

Community
Basic
tuanhqv123tuanhqv123

html-ppt

Generate static HTML presentation decks from theme and layout templates.

Community
Advanced