Agent skill · writing content · nexu-io
simple-deck
OpenDesign's operating review: growth, burn, and the concrete path to sustainability without losing the open ethos. Built as a decision-grade corporate strategy deck for leadership team.
Why this skill is useful
Provides a structured approach to creating decision-grade corporate strategy decks, including specific layout and rhythm guidelines that the AI wouldn't reliably generate on its own.
What it needs
About 3k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Simple Deck Skill Produce a single-file horizontal-swipe HTML deck using the seed and layout library. Resource map Workflow Step 0 — Pre-flight 1. Read assets/template.html end-to-end through the <style> block AND the <script> block. The script solves five iframe-specific bugs (real scroller detection, dual capture-phase listeners, auto-focus, no scrollIntoView, position persistence) — do not rewrite it. 2. Read references/layouts.md so you know the 8 layouts. Pay special attention to the "Theme rhythm" section — it's the rule that prevents the deck from feeling sleepy. 3. Read the active DESIGN.md — map its tokens to the six :root variables in the seed. Step 1 — Copy the seed Copy assets/template.html to the project root as index.html. Replace the six :root variables with the active design system's tokens. Replace the page <title>. Step 2 — Decide slide count + theme rhythm BEFORE writing any slide Default: 6 slides unless the brief says otherwise. Audience / format Slides --- --- Product overview / lightning talk (5–10 min) 6 Pitch deck (15 min) 8–10 Investor update / longer talk (20–30 min) 12–18 Then write out the rhythm before any HTML — for example, 8 slides: A healthy sequence has: No 3+ same theme in a row ≥ 1 hero dark AND ≥ 1 hero light (for 8+ slides) Alternating breath every 3–4 slides Show this rhythm sketch to the user before writing slide HTML — they can redirect cheaply. Step 3 — Paste and fill For each planned slide, copy the matching <section> from layouts.md into the body. Replace bracketed text with real, specific copy. No filler / no lorem. If a slide feels empty, the layout is wrong — pick a different one. Tag each slide with data-screen-label="01 Cover", "02 Problem", etc., in the order you wrote them. (The seed's first three slides already do this — extend the pattern.) Step 4 — Self-check Run through references/checklist.md. The "Theme rhythm spot-check" at the end is non-negotiable: Read the resulting class list. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/simple-deck