๐ŸŽฏ

html-slide

๐ŸŽฏSkill

from bytonylee/future-slide-skill

VibeIndex|
What it does
|

A reusable skill bundle for generating slide presentations through a disciplined four-stage workflow: extracting design from a reference image, building a slide plan, writing page-by-page prompts, and rendering output as images or HTML decks.

๐Ÿ“ฆ

Same repository

bytonylee/future-slide-skill(10 items)

html-slide

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add bytonylee/future-slide-skill --skill html-slide
skills.sh Installโš  Installs to .agents/skills/
npx skills add bytonylee/future-slide-skill --skill html-slide
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/html-slide/SKILL.md

SKILL.md

59Installs
-
AddedJun 7, 2026

More from this repository9

๐ŸŽฏ
tightened-slide๐ŸŽฏSkill

An HTML slide deck generator that produces polished horizontal-swipe presentations with strict layout enforcement using registered layouts (S01-S22), keyboard navigation, and static mode output.

๐ŸŽฏ
slide-design๐ŸŽฏSkill

Transforms reference slide images and user-provided files into polished HTML presentation decks through a multi-skill workflow of extraction, building, and QA stages.

๐ŸŽฏ
gpt-image-slide๐ŸŽฏSkill

An end-to-end orchestrator skill that creates slide decks as generated images from a reference slide, source files, and a deck prompt, running design extraction, plan building, prompt generation, and image rendering stages in sequence.

๐ŸŽฏ
gpt-image-slide-prompt๐ŸŽฏSkill

Part of a four-stage slide-generation workflow that turns reference slide images into polished decks. This skill writes page-by-page slide prompts in JSON with strict enforcement against generic output.

๐ŸŽฏ
gpt-image-slide-render๐ŸŽฏSkill

Part of a four-stage slide-generation workflow. This skill renders the final page images sequentially from the prompt JSON.

๐ŸŽฏ
gpt-image-slide-plan๐ŸŽฏSkill

Part of a four-stage slide-generation workflow. This skill builds a persuasive slide plan in JSON format with strict narrative structure enforcement.

๐ŸŽฏ
html-slide-prompt๐ŸŽฏSkill

A four-stage slide generation skill that turns a reference slide image, user files, and a prompt into complete slide decks. The workflow covers design extraction, persuasive slide planning, page-by-page prompt creation, and sequential image rendering.

๐ŸŽฏ
html-slide-plan๐ŸŽฏSkill

A reusable skill bundle that generates HTML slide decks through a four-stage workflow: extracting design tokens from a reference image, building a persuasive slide plan in JSON, and writing polished page-by-page HTML.

๐ŸŽฏ
html-slide-render๐ŸŽฏSkill

A four-stage skill bundle that transforms a reference slide image and user files into polished slide decks through structured steps: extracting a design system, building a persuasive slide plan, writing page-by-page prompts, and generating final slide images.