Source profileQuality 78/100

nexu-io/open-design/design-templates/simple-deck/SKILL.md

simple-deck

Open Design'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.

Source repository stars
82,073
Declared platforms
0
Static risk flags
1
Last source update
2026-07-28
Source checked
2026-07-28
DecisionCompatibilityInstallWorkflowPermissionsEvidenceSource

Decision brief

What it does—and where it fits

Produce a single-file horizontal-swipe HTML deck using the seed and layout library.

Best for

    Not for

    • Tasks that require unconfirmed production actions or broad system permissions.
    • Environments where the pinned source and install steps cannot be inspected.

    Compatibility matrix

    Platform support, with evidence labels

    PlatformStatusEvidenceWhat to check
    CodexNot declaredNo explicit evidencePortability before use
    Claude CodeNot declaredNo explicit evidencePortability before use
    CursorNot declaredNo explicit evidencePortability before use
    Gemini CLINot declaredNo explicit evidencePortability before use
    Open the compatibility checker

    Installation

    Inspect first. Install second.

    The source command is displayed only when detected. A safe inspection prompt is always available so your agent can explain every action before execution.

    Source-detected install commandSource
    npx skills add https://github.com/nexu-io/open-design --skill "design-templates/simple-deck"
    Safe inspection promptEditorial

    Inspect the Agent Skill "simple-deck" from https://github.com/nexu-io/open-design/blob/89d6d4ef21baf80f871595abdf6f7de6e941dd44/design-templates/simple-deck/SKILL.md at commit 89d6d4ef21baf80f871595abdf6f7de6e941dd44. List every install step, command, network request, credential, file read/write, external action, and rollback step. Explain whether it fits my task. Do not install or execute anything until I approve.

    Workflow

    What the source asks the agent to do

    1. 01

      Workflow

      1. Read assets/template.html end-to-end through the block AND the 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…

      Read assets/template.html end-to-end through the block AND the block. The script solves five iframe-specific bugs (real scroller detection, dual capture-phase listeners, auto-focus, no scrollIntoView, position persisten…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.Read the active DESIGN.md — map its tokens to the six :root variables in the seed.
    2. 02

      Step 0 — Pre-flight

      1. Read assets/template.html end-to-end through the block AND the 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…

      Read assets/template.html end-to-end through the block AND the block. The script solves five iframe-specific bugs (real scroller detection, dual capture-phase listeners, auto-focus, no scrollIntoView, position persisten…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.Read the active DESIGN.md — map its tokens to the six :root variables in the seed.
    3. 03

      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 .

      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 .
    4. 04

      Step 2 — Decide slide count + theme rhythm BEFORE writing any slide

      Default: 6 slides unless the brief says otherwise.

      No 3+ same theme in a row≥ 1 hero dark AND ≥ 1 hero light (for 8+ slides)Alternating breath every 3–4 slides
    5. 05

      Step 3 — Paste and fill

      For each planned slide, copy the matching 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.

      For each planned slide, copy the matching 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.)

    Permission review

    Static risk signals and limitations

    Writes files

    medium · line 75

    The documentation asks the agent to create, modify, or delete local files.

    ### Step 5 — Write the project file

    Evidence record

    Why each signal appears

    EvidenceSourceComputedTestedEditorial
    SignalValueEvidence typeMeaning
    Quality score78/100ComputedDocumentation, specificity, maintenance, and trust rules
    Repository stars82,073SourceRepository attention, not individual Skill quality
    Compatibility0 platformsSourceDeclared in the catalog source record
    Usage guideautomated source guideEditorialGenerated or reviewed according to the visible evidence level

    Pinned source

    Provenance and original SKILL.md

    Repository
    nexu-io/open-design
    Skill path
    design-templates/simple-deck/SKILL.md
    Commit
    89d6d4ef21baf80f871595abdf6f7de6e941dd44
    License
    Apache-2.0
    Collected
    2026-07-28
    Default branch
    main
    View the original SKILL.md

    Simple Deck Skill

    Produce a single-file horizontal-swipe HTML deck using the seed and layout library.

    Resource map

    simple-deck/
├── SKILL.md                ← you're reading this
├── assets/
│   └── template.html       ← seed: tokens + slide primitives + proven nav script (READ FIRST)
└── references/
    ├── layouts.md          ← 8 paste-ready slide layouts + theme-rhythm rules
    └── checklist.md        ← P0/P1/P2 self-review (rhythm spot-check at bottom)

    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 / formatSlides
    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:

    01  hero light center  Cover
02  light              Problem
03  hero dark center   Big stat
04  light              Three points
05  dark               Pipeline
06  hero light center  Quote
07  light              Before / after
08  hero dark center   Ask

    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:

    grep 'class="slide' index.html

    Read the resulting class list. If you see light × 4 in a row, swap one to dark. If no hero dark exists in an 8+ slide deck, promote one big-stat or closing slide.

    Step 5 — Write the project file

    Write the completed deck HTML to index.html.

    Then send one short ordinary assistant summary naming index.html and describing the deck. Do not output the full HTML source in chat and do not emit a source-code <artifact> block.

    Hard rules

    • Theme class on every slide (light | dark | hero light | hero dark). Bare class="slide" = regression.
    • No 3+ same theme in a row.
    • Display = serif via var(--font-display). .h-hero / .h-xl / .h-md already enforce.
    • One accent per slide, used at most twice.
    • Don't rewrite the nav script. It's proven.
    • No scrollIntoView(). Breaks iframe.
    • data-screen-label on every slide.

    Alternatives

    Compare before choosing

    Computed 997

    event4u-app/agent-config

    design-review

    Use when the user says "review the design", "check the UI", or wants a comprehensive UI/UX review. Uses a 7-phase methodology covering interaction, responsiveness, accessibility, and more.

    2026-07-280 platforms
    Computed 9827

    MoizIbnYousaf/marketing-cli

    higgsfield-generate

    Use when the user wants to generate an image or video via Higgsfield AI. Covers 30+ models: Soul V2, Seedance 2.0, Kling 3.0, Veo 3.1, GPT Image 2, Nano Banana 2. Also covers Marketing Studio — branded ad video/image with avatars and products. Use whenever: "generate an image", "make a video", "animate this photo", "image-to-video", "img2vid", "edit this image with AI", "produce a clip", "create an ad", "make a UGC video", "marketing video", "brand video", "TV spot", "import product from URL", "

    2026-07-280 platforms
    Computed 9637,126

    github/awesome-copilot

    arize-evaluator

    Handles LLM-as-judge evaluation workflows on Arize including creating/updating evaluators, running evaluations on spans or experiments, managing tasks, trigger-run operations, column mapping, and continuous monitoring. Use when the user mentions create evaluator, LLM judge, hallucination, faithfulness, correctness, relevance, run eval, score spans, score experiment, trigger-run, column mapping, continuous monitoring, or improve evaluator prompt.

    2026-07-280 platforms
    Computed 9631,966

    K-Dense-AI/scientific-agent-skills

    neuropixels-analysis

    Analyze Neuropixels extracellular recordings end-to-end with SpikeInterface. Covers loading SpikeGLX/Open Ephys/NWB data, preprocessing, drift/motion correction, Kilosort4 (and CPU) spike sorting, quality metrics, and unit curation (threshold-based, model-based UnitRefine, and AI-assisted visual review). Use when working with Neuropixels 1.0/2.0 recordings, spike sorting, or extracellular electrophysiology analysis.

    2026-07-280 platforms