skills.rest
decocms
decocmsOFFICIAL
Explore all skills by this author →
Website𝕏@deco_cmsGitHub

slides

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

396|51|Updated Mar 14, 2025
Search Tags:#templates#html#presentation#themes#slides#deck
One-click install
npx skills add https://github.com/decocms/studio --skill slides-decocms
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/decocms/studio/tree/main/packages/sandbox/image/skills/slides
Command: npx skills add https://github.com/decocms/studio --skill slides-decocms

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires mustache, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill removes the friction of creating presentation decks by turning structured slide data into a single editable HTML file with a live preview and print-ready output.

Core Features & Use Cases

  • Deck Generation: Create complete slide decks from JSON data using built-in themes and slide templates.
  • Inline Editing Workflow: Edit existing decks directly in HTML so changes stay synchronized with Studio’s live preview.
  • Brand-Aware Presentations: Use organization-specific themes, templates, logos, and brand guidance when producing slides.
  • Use Case: A team can quickly generate a quarterly update deck, then refine the slide content directly in the preview without rebuilding the whole presentation.

Quick Start

Use the slides skill to create a presentation deck from my slide data and save it as a self-contained HTML file in the requested output path.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I generate an HTML presentation deck from JSON data?▼

You can build a presentation deck by supplying structured JSON slide data, which applies built-in themes and templates to produce a self-contained editable HTML file with live preview capabilities.

Can I edit existing slide decks directly in HTML with a live preview?▼

Yes, you can edit existing decks directly in the HTML file so content changes stay synchronized with the live preview, allowing you to refine slides without rebuilding the entire presentation from scratch.

What is the best way to create brand-aware presentation slides for meetings?▼

Creating brand-aware slides involves applying organization-specific themes, templates, logos, and brand guidance to your JSON data, producing consistent presentations for meetings and launch updates.

Does this HTML presentation generator support PDF export?▼

Yes, the HTML presentation generator supports PDF export, allowing you to create print-ready output directly from the self-contained editable HTML file generated from your JSON slide templates.

Do I need Mustache templates to build presentation slides?▼

Yes, the presentation deck builder relies on Mustache for JSON-driven slide templates and theme resolution, transforming structured data into Studio deck-viewer compatible HTML output.

Related Skills

Explore More Design & Creative Skills→
landim32landim32
1

ckm:design-system

Automate design-token organization and slide-template generation for design systems.

Community
Advanced
pekralpekral

frontend-slides

Generate self-contained HTML presentation decks with vanilla CSS and JavaScript.

Community
Intermediate
Maccio-huangMaccio-huang

html-ppt-hermes-cyber-terminal

Create terminal-themed presentation decks for CLI, agent, and dev tool reviews.

Community
Intermediate
Your-VoldemortYour-Voldemort

html-ppt

Generate static HTML slide decks with theme tokens and keyboard runtime navigation.

Community
Intermediate