simple-deck

Create single-file horizontal-swipe HTML decks with templates and layouts.

Updated May 11, 2026
One-click install
npx skills add https://github.com/Maccio-huang/opendesign --skill simple-deck-maccio-huang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: simple-deck
Source: https://github.com/Maccio-huang/opendesign/tree/main/skills/simple-deck
Command: npx skills add https://github.com/Maccio-huang/opendesign --skill simple-deck-maccio-huang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the need for a quick and efficient way to create horizontal-swipe HTML decks, suitable for pitch decks, product overviews, and study materials.

Core Features & Use Cases

  • Single-file Horizontal Swipe: Build a horizontal-swipe deck in a single file.
  • Templates and Layouts: Use pre-defined templates and layouts to speed up deck creation.
  • Customization: Apply your design system's tokens for consistent branding.
  • Use Case: When you need a fast, responsive presentation format without the magazine aesthetic of a traditional PowerPoint.

Quick Start

Generate a new deck with the simple-deck skill by running 'simple-deck create' and follow the prompts to define your deck's structure and design.

Frequently Asked Questions about simple-deck

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

FAQPage Schema
How do I create a horizontal-swipe HTML deck for a pitch presentation?

To create a horizontal-swipe HTML deck, use a single-file generator that handles slide generation, theming, and layout templates. This approach yields a responsive product overview deck without relying on traditional PowerPoint aesthetics.

What is a single-file HTML deck and when should I use it?

A single-file HTML deck is a responsive presentation format built entirely in HTML, designed for horizontal swiping. You should use it for pitch decks or study materials when you need a fast, simple alternative to magazine-style presentations.

How do I apply my design system tokens to an HTML presentation?

You can apply your design system tokens to an HTML presentation during the theming phase. The deck generator processes these tokens to ensure your product overview maintains consistent branding across all slides.

Does this horizontal-swipe deck format work well for mobile-responsive product overviews?

Yes, the horizontal-swipe deck format is specifically designed to be responsive. It generates a single-file HTML output that adapts to different screen sizes, making it suitable for sharing product overviews across mobile and desktop devices.

What is the best way to structure a pitch deck without using PowerPoint?

The best way to structure a pitch deck without PowerPoint is to use pre-defined HTML templates and layouts. This method manages slide rhythm and theming automatically, resulting in a clean, horizontal-swipe presentation format.