skills.rest
MyHeavenDyf
MyHeavenDyfCOMMUNITY
Explore all skills by this author →
GitHub

open-design-landing-deck

Construct single-file, horizontally paginated slide decks in the Atelier Zero style.

1|Updated May 8, 2026
Search Tags:#branding#marketing#presentation#slide deck#Atelier Zero
One-click install
npx skills add https://github.com/MyHeavenDyf/UXAI --skill open-design-landing-deck-myheavendyf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: open-design-landing-deck
Source: https://github.com/MyHeavenDyf/UXAI/tree/main/packages/app/octoapp/templates/open-design-landing-deck
Command: npx skills add https://github.com/MyHeavenDyf/UXAI --skill open-design-landing-deck-myheavendyf

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the problem of creating single-file slide decks in the Atelier Zero visual language, making it easy to produce decks with a consistent, magazine-style appearance.

Core Features & Use Cases

  • Atelier Zero Visual Language: Uses warm-paper backgrounds, italic-serif emphasis spans, coral terminating dots, and surreal collage plates.
  • Horizontal Magazine-Style Swipe Pagination: Provides a unique, magazine-style experience with arrow keys, wheel, and swipe gestures.
  • Custom Brand Identity: Allows the inclusion of brand identity across all slides for a consistent look and feel.
  • Multiple Slide Types: Offers cover, section, content, stats, quote, cta, and end card slide types.
  • Quick Start: Compose a deck with inputs.json, generate or stub imagery, compose the deck, and check the HTML output.

Quick Start

Build an 11-slide pitch deck for "Lumen Field" using the open-design-landing-deck skill.

Frequently Asked Questions about open-design-landing-deck

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

FAQPage Schema
How do I create a single-file horizontal magazine-style slide deck?▼

To create a single-file slide deck, you specify slide content in a JSON file, which is then composed with shared stylesheets and imagery into a standalone HTML file. This process yields a self-contained presentation with horizontal swipe pagination.

What slide types are available for brand and product presentations?▼

Available slide types for brand and product presentations include cover, section, content, stats, quote, cta, and end card layouts. These variations allow you to structure a pitch deck with distinct visual sections tailored to different narrative beats.

How does the Atelier Zero visual style work for presentation slides?▼

The Atelier Zero visual style applies warm-paper backgrounds, italic-serif emphasis spans, coral terminating dots, and surreal collage plates to presentation slides. This design language ensures a consistent, magazine-style appearance across all content without manual CSS styling.

Can I build a pitch deck using a JSON content specification?▼

Yes, you can build a pitch deck by defining your content in an inputs.json file. The composition script reads this JSON content specification to assemble the slides, applying shared stylesheets and imagery to produce a complete HTML presentation.

Do I need any external dependencies to generate these HTML slide decks?▼

No external dependencies are required to generate these HTML slide decks. The skill uses internal scripts, references, and assets to compose the presentation, ensuring the final output is a self-contained HTML file.

Related Skills

Explore More Design & Creative Skills→
HosungYouHosungYou

scopi:caption

Generate platform-optimized captions and hashtags for Instagram, Threads, LinkedIn, and Twitter/X.

Community
Intermediate
Maccio-huangMaccio-huang

simple-deck

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

Community
Intermediate
bilibilibilibili
120

carocut-media-visual

Retrieve stock or generate AI visuals for storyboard-driven video production.

Official
Advanced
MyHeavenDyfMyHeavenDyf

kami-deck

Build horizontal magazine-style swipe slide decks as a single HTML file.

Community
Advanced