Guide · Agent skill
How to use the Feature Business Case Deck agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The Feature Business Case Deck skill (skill name html-ppt-graphify-dark-graph) tells an AI agent to build a dark-themed, presentation-style HTML slide deck that argues for a product feature. The deck covers the user problem, alternatives considered, tradeoffs and how success will be measured. This guide explains what the skill does, how to install it, how to trigger it with a plain request and how to check the output before you present it.
Feature Business Case Decknexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Get the skill and its dependencies. Download the ZIP from this page and make sure the html-ppt master skill with its template and asset folders is also available from the same repository.
- 2Install the skill. Unzip into ~/.claude/skills/ or a project's .claude/skills/ folder, or upload it under Settings → Capabilities → Skills in the Claude apps.
- 3Ask for the deck in plain language. Name the feature, the audience, the decision you need and your source materials. Answer the agent's questions about missing essentials.
- 4Fix the asset links. Choose Recipe A or Recipe B so the shared CSS and runtime.js load from inside the project instead of parent-relative paths.
- 5Open and review the deck. Open the resulting HTML file in a browser, check navigation and verify every number and claim against your sources.
What does the skill make the agent do?
The skill teaches an agent to produce a decision-oriented slide deck in HTML rather than a PowerPoint file. Its included example is framed around a plugin marketplace feature for the OpenDesign project, so the structure shows how a product manager might argue for that kind of feature.
The agent is pointed at an existing HTML slide template and its shared styling and navigation files. It is told to copy those into your project so the deck works when opened in a browser. Speaker notes are placed in a notes element so they stay out of the visible slides.
- The user problem the feature solves
- Alternatives that were considered
- Tradeoffs between options
- How success will be measured
- Speaker notes kept out of the visible slides
How do you install the skill?
Option one: download the ZIP from this page and unzip it. Place the folder in ~/.claude/skills/ to make it available across your projects, or in a project's .claude/skills/ folder to limit it to that project.
Option two: in the Claude apps, open Settings, then Capabilities, then Skills, and upload the skill there.
The skill depends on the html-ppt master skill. You also need that master skill's template and asset folders from the same repository, so install them alongside this skill.
- Download the ZIP from this page and unzip it
- Personal use: ~/.claude/skills/
- Single project: .claude/skills/ inside the project
- Or upload via Settings → Capabilities → Skills in the Claude apps
- Confirm the html-ppt master skill and its template and asset folders are present
~/.claude/skills/How do you trigger the skill with a natural request?
You do not need special syntax. Describe the deck you want in plain language and name the feature, the audience and the decision you need. Trigger words the skill responds to include product-management, roadmap, architecture, html deck and html slides.
The skill's example asks the agent for only the missing essentials before it writes anything: audience, decision target, source-of-truth materials, deadline and must-keep numbers. Have these ready so the first exchange moves quickly.
- Name the feature and the product it belongs to
- State the audience, for example PM, engineering, design and leadership
- Say what decision you want reviewers to make
- Attach or point to your source materials and any numbers that must stay
- Ask for an HTML slide deck with speaker notes
How do you set the deck up so it opens in a browser?
The template's index.html links shared CSS and JavaScript using parent-relative paths. Once copied into a project, those paths break and the deck will not activate or navigate. The skill gives two recipes, and you should pick one per project.
Recipe A copies the shared files into a project-local assets folder and rewrites the four link and script tags to the local paths. Recipe B inlines the same file contents into a single self-contained index.html. Either way, do not ship the original parent-relative paths in the final project.
- Recipe A (preferred): copy the shared files into a local assets folder and update the four tags
- Recipe B: inline the shared CSS and runtime.js into index.html for a single file
- Keep the .tpl-graphify-dark-graph body class
- Keep the structural classes the template ships with
design-templates/html-ppt/templates/full-decks/graphify-dark-graph/What should you expect in the output?
The example prompt asks for a complete working package rather than a single draft: a slide plan, written slides, a visual direction, a speaker-ready structure and a critic pass. The critic pass checks whether cross-functional reviewers could agree on the next irreversible step.
Because the skill does not check the accuracy of your numbers or sources, read every slide against your own materials before the deck goes to leadership.
- Slide plan and written slides
- Visual direction using the dark template
- Speaker-ready structure with notes
- Critic pass against the next-irreversible-step rubric
What people use it for
- Preparing a feature decision deck for engineering, design and leadership reviewers
- Writing a self-contained HTML slide deck for a team that does not use PowerPoint or Google Slides
- Drafting a presentation with speaker notes kept separate from the visible slides
- Structuring a feature case around alternatives considered, tradeoffs and success measures
Frequently asked questions
How do I install the Feature Business Case Deck agent skill?
Download the ZIP from this page and unzip it into ~/.claude/skills/ for personal use or into a project's .claude/skills/ folder. You can also upload it in the Claude apps under Settings → Capabilities → Skills.
What do I need to run this skill?
You need an AI agent that can read and write project files, a browser to open the HTML deck, and the html-ppt master skill with its template and asset folders from the same repository. The skill runs no scripts and uses no network access, according to its own description.
Is the Feature Business Case Deck skill free?
This skill is listed under the Apache-2.0 licence. The shared visual system, layouts and runtime come from the upstream MIT-licensed html-ppt-skill, and its LICENSE file should stay in place when you redistribute the deck.
Can the skill create a PowerPoint or Google Slides file?
No. The output is an HTML slide deck. If you need a native PowerPoint or Google Slides file, this skill is not the right fit.
Why do the styles and navigation break after I copy the template?
The template's index.html uses parent-relative links to shared files, which stop resolving once copied. Use Recipe A to copy the shared files into a local assets folder and update the links, or Recipe B to inline them into one file.
Are the numbers in the deck checked for accuracy?
No. The skill uses the source materials and must-keep numbers you supply but does not verify them. Check every figure against your own data before presenting.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use this skill if you are a product manager who wants a styled, self-contained HTML decision deck with speaker notes kept out of the slides. Pick another tool if you need a native PowerPoint or Google Slides file, if copying template files conflicts with your repository or licensing policy, or if the business case is sensitive and you cannot verify its numbers yourself.
Download the skill