skills.rest
pipixia-labs
pipixia-labsOFFICIAL
Explore all skills by this author →
GitHub

simple-deck

Generate a single-file horizontal-swipe HTML deck from a seed template.

38|3|Updated Apr 8, 2026
Search Tags:#theming#layout#presentation#slides#deck#seed-template#web-deck
One-click install
npx skills add https://github.com/pipixia-labs/creative-claw --skill simple-deck-pipixia-labs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: simple-deck
Source: https://github.com/pipixia-labs/creative-claw/tree/main/skills/design-knowledge-and-skills/skills/simple-deck
Command: npx skills add https://github.com/pipixia-labs/creative-claw --skill simple-deck-pipixia-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Creating professional, ready-to-present decks quickly without boilerplate; this skill converts a seed template into a polished, multi-layout deck.

Core Features & Use Cases

  • Generates a compact, single-file horizontal-swipe HTML deck from a seed template.
  • Supports 8 paste-ready slide layouts sourced from references/layouts.md with enforced theme rhythm.
  • Ideal for pitch decks, product overviews, and study materials where rapid iteration and consistent visuals matter.

Quick Start

Copy assets/template.html to index.html, replace the six root design tokens with the active design system, and paste slides from references/layouts.md into the body to build your deck.

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 single-file HTML presentation deck quickly?▼

To create a single-file HTML presentation deck, copy the seed template to index.html, replace the six root design tokens, and paste slide layouts into the body. This generates a compact, horizontal-swipe deck ready for immediate presentation.

Can I build pitch decks and study materials using HTML slide layouts?▼

You can build pitch decks and study materials using eight paste-ready HTML slide layouts. The layouts enforce theme rhythm and strict slide-class rules, ensuring consistent visuals across product pitches and study materials.

How do I apply custom theming to an HTML presentation deck?▼

To apply custom theming to an HTML deck, replace the six root design tokens in the template with your active design system values. The skill implements design-system token binding to produce deterministic visual output.

What is the best way to assemble a horizontal-swipe web deck without boilerplate?▼

The best way to assemble a horizontal-swipe web deck is using a seed template and layouts reference. It applies theme rhythm validation and strict slide-class enforcement, bypassing manual boilerplate setup for rapid iteration.

Do I need any dependencies to generate a single-file HTML deck?▼

You do not need any external dependencies to generate a single-file HTML deck. The skill operates independently using its bundled seed template and layouts reference to produce the final output.

Related Skills

Explore More Design & Creative Skills→
ovachieverovachiever
52

ui-design-system

Generate design tokens from brand colors in JSON, CSS, or SCSS.

Community
Advanced
OrangeViolinOrangeViolin
22

presentation

Generate presentation scripts and single-file HTML slide decks from a topic.

Community
Advanced
bipinksbipinks
3

design-systems

Create token-based design systems with CSS variables and theming.

Community
Advanced
whyiloveher2411whyiloveher2411

Slideshow authoring contract

Author HyperFrames slideshow compositions with slide structure, fragment timing, and interactive navigation.

Community
Intermediate