Skip to content
Get packs

Feature Business Case Deck

Builds an HTML slide deck laying out a feature's user pain, options, tradeoffs and success metrics

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
2 files

What it does

This skill teaches an AI agent to produce a dark-themed, presentation-style HTML slide deck that argues for a product feature: the user problem, alternatives considered, tradeoffs, and how success will be measured. It points the agent at an existing HTML slide template and its shared styling and navigation files, which it tells the agent to copy into the project so the deck works when opened in a browser. The included example is framed around a plugin marketplace feature for the OpenDesign project.

Great for

  • Product managers preparing a decision deck for engineering, design and leadership
  • Teams who want a styled, self-contained HTML slide deck rather than a PowerPoint file
  • Anyone who wants a deck with speaker notes kept out of the visible slides

Skip it if

  • Users who need a native PowerPoint or Google Slides file, since the output is HTML
  • Projects where copying template files into the project conflicts with licensing or repository policy, since the skill asks for the shared assets to be kept with the attribution licence
  • Sensitive business cases, because the agent is asked to use source materials and must-keep numbers you supply and the skill itself does not check their accuracy

Try asking

  • “Create a decision-grade deck on whether to build a feature, with options, tradeoffs and success metrics”
  • “Turn my pasted product notes and numbers into a dark-themed HTML slide deck with speaker notes”
  • “Draft a slide plan and written slides for a roadmap review aimed at PM, engineering and design leads”
Step-by-step guide: how to use Feature Business Case DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    html-ppt-graphify-dark-graph.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip html-ppt-graphify-dark-graph.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-graphify-dark-graph.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide the audience, decision you need, source materials and must-keep numbers up front so the agent does not invent figures
  • Follow the skill's asset-path step so the deck's stylesheets and navigation script load outside the original repository folder
  • Keep speaker notes inside the designated notes element so they do not appear on screen

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.