skills.rest
arifszn
arifsznCOMMUNITY
Explore all skills by this author →
Website𝕏@arif_sznGitHub

slide-wright

Create custom-designed HTML slide decks from topics, notes, or outlines.

14|2|Updated Jun 15, 2026
Search Tags:#presentations#html#slides#theme generation#reveal.js#deck design
One-click install
npx skills add https://github.com/arifszn/slide-wright --skill slide-wright
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slide-wright
Source: https://github.com/arifszn/slide-wright/tree/main
Command: npx skills add https://github.com/arifszn/slide-wright --skill slide-wright

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the guesswork and sameness from making presentations by turning a topic, rough notes, or an outline into a polished slide deck with a deliberately designed look.

Core Features & Use Cases

  • Custom theme generation: Invents a fresh palette, typography pairing, layout system, and visual device for each deck instead of relying on preset templates.
  • Preview-first workflow: Creates a two-slide preview, asks for approval, and only then builds the full presentation so the design direction can be refined before the whole deck is produced.
  • Deck editing: Updates existing HTML slide decks in place by adding, removing, or revising slides while preserving the approved theme and structure.
  • Use case: A user can turn meeting notes into a pitch deck, revise a single slide in an existing presentation, or generate a self-contained web deck ready for browser sharing and PDF export.

Quick Start

Ask the slide-wright skill to turn your topic or outline into a presentation and show you a two-slide design preview first.

Frequently Asked Questions about slide-wright

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

FAQPage Schema
How do I generate a custom slide presentation from rough notes?▼

To generate a custom slide presentation, provide your topic or rough notes to create a two-slide design preview, approve the styling, and then produce a self-contained HTML deck with inline theme styling.

What is the best way to design an HTML slide deck without using preset templates?▼

Designing an HTML slide deck without templates uses custom theme generation, inventing a fresh palette, typography pairing, and layout system for each presentation rather than relying on predefined designs.

Can I edit an existing HTML presentation in place without changing the theme?▼

Yes, you can edit existing HTML presentations in place by adding, removing, or revising slides while preserving the originally approved custom theme and deck structure.

Does slide-wright work with reveal.js for web-based presentations?▼

Slide-wright works with supported HTML slide engines to produce self-contained web decks, allowing for browser sharing and PDF export directly from the generated HTML output.

How do I refine the design direction before building the full presentation?▼

You refine the presentation design direction through a preview-first workflow that generates a two-slide preview for your approval, ensuring the theme is correct before building the full deck.

Related Skills

Explore More Design & Creative Skills→
SuperagentsysSuperagentsys
650

ppt-generator

Generates editable PPTX files with slide outlines, speaker notes, and formatted content from user-provided topics, audiences, languages, and slide counts.

Community
Advanced
decocmsdecocms
396

slides

Generate editable HTML slide decks from JSON data with live preview.

Official
Advanced
ArnavPuriArnavPuri
3

presentation-design

Generate HTML and CSS slide decks with layouts, charts, and animations.

Community
Intermediate
Holo00Holo00
6

theme-factory

Applies curated themes to artifacts for consistent styling across slides, documents, reports, and HTML pages.

Community
Basic