Guide · Agent skill
How to use the Unit-Economics Deck in Warm Style agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
This is an agent skill that gives an AI agent a ready-made single-file HTML slide template with a warm cream and rust-red editorial look, built for finance and KPI presentations. It is aimed at founders, finance leads and designers who need to explain unit economics to a CFO or investors. After this guide you will know what the skill changes, how to install it, how to ask for a deck in a way that triggers it, and what to check before you present the numbers.
Unit-Economics Deck in Warm Stylenexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Get the skill ZIP from this directory's page and unzip it.
- 2Place the folder. Move the unzipped folder into ~/.claude/skills/ for all projects, or into a project's .claude/skills/ folder for one project.
- 3Or upload in the Claude apps. Go to Settings → Capabilities → Skills and upload the skill.
- 4Gather your inputs. Prepare the audience, the decision you need, your source numbers and any must-keep figures.
- 5Ask for the deck. Make a request that mentions KPI, finance, metrics or html deck, and name the audience.
- 6Verify and review. Check every number against your model, then open the HTML file in a browser and page through it.
What a skill is and what this one makes the agent do
An agent skill is a folder containing a SKILL.md file with instructions that an agent reads when a task matches the skill's description. This one is named html-ppt-zhangzara-long-table and is built on a template called Long Table, with a cream background, bold uppercase headlines, italic serif accents and pill-shaped outlined buttons.
When you ask for a finance or KPI presentation, the agent copies the template's example.html, replaces the placeholder text and numbers with your real content, and keeps the original fonts, colours and decorative elements so the deck stays visually consistent. It can also duplicate slides to fit more content, drop slides you do not need, and design new layouts in the same style.
Install the skill in Claude Code or the Claude apps
Download the ZIP from the skill's page on this directory and unzip it. To make it available to all your projects, place the unzipped folder inside ~/.claude/skills/. To limit it to one project, place it inside that project's .claude/skills/ folder.
In the Claude apps you can instead upload the skill under Settings → Capabilities → Skills. The skill requires a SKILL.md-compatible agent runtime such as Claude Code or the Claude apps, and a web browser to open the resulting HTML file.
- Personal: ~/.claude/skills/
- Single project: .claude/skills/ inside the project folder
- Claude apps: Settings → Capabilities → Skills, then upload
Trigger the skill with a natural request
You do not need a special command. The skill lists triggers such as kpi, finance, metrics, html deck and html slides, so a request that mentions these words is most likely to pick it up. Name the audience and the decision you need, because the skill's example prompt asks for exactly that.
The skill's example prompt asks the agent first to request only what is missing: audience, decision target, source-of-truth materials, deadline and must-keep numbers. Have these ready to speed things up.
- "Make an HTML KPI deck explaining our unit economics to a CFO. The decision is whether to fund paid acquisition in Q3. Here are the numbers I must keep."
- "Build an html deck for investors showing our BYOK cost model: assumptions, sensitivity, and why it scales."
- "Duplicate the finance slide layout so I have room for six metric slides."
Check the output before you present it
The skill styles content only. It does not check your figures or the model's assumptions, so every number on every slide must be verified by you before the deck reaches a CFO or investor. The skill's own rubric asks whether every chart has a decision above it, which is a useful test to apply to your draft.
Open the resulting HTML file in a browser to review the slides. Keep the navigation as shipped, since the workflow says to leave any navigation runtime intact.
- Verify every figure against your source model.
- Confirm each chart has a decision stated above it.
- Open the HTML file in a web browser and page through all slides.
Safety notes: scripts and network
This skill does not run scripts and does not use the network, according to its listing. The files included are example.html, SKILL.md and template.json. The upstream project is MIT-licensed, and the skill is listed under Apache-2.0; the SKILL.md states that the upstream MIT licence text must be redistributed alongside any copy of example.html, template.json or any vendored assets runtime.
Because the skill only produces a single self-contained HTML file, your figures stay in the files you give the agent and the output you save.
- Runs scripts: no
- Uses network: no
- Keep the upstream MIT licence notice if you copy example.html or template.json
Tips for a better deck
Give the agent your real numbers and the decision they support in the same message. The skill replaces placeholders with your content, so the more specific the input, the less editing you need afterwards.
Choose this style only when the audience is comfortable with a warm, people-facing look. For formal or technical decks, pick a different approach, since the skill itself says the palette is intentionally not suited to that register.
- Supply must-keep numbers up front so they are not changed.
- Ask for extra slides by duplicating an existing layout rather than starting over.
- Match image sizes when swapping placeholder images.
What people use it for
- Explaining unit economics and CAC payback to a CFO in a warm-styled HTML deck.
- Presenting a BYOK cost model to investors with assumptions and sensitivity slides.
- Turning an existing set of KPI figures into a multi-slide HTML presentation with a consistent look.
- Adding new metric slides to an existing deck by duplicating the closest layout.
Frequently asked questions
How do I install this agent skill?
Download the ZIP from the skill's page and unzip it. Put the folder in ~/.claude/skills/ for all projects, or in a project's .claude/skills/ folder for one project. In the Claude apps you can also upload it under Settings → Capabilities → Skills.
What do I need to run it?
You need a SKILL.md-compatible agent runtime such as Claude Code or the Claude apps, and a web browser to view the resulting HTML file. The skill does not run scripts and does not use the network.
Is this skill free to use?
The skill is listed under the Apache-2.0 licence. Its upstream template is MIT-licensed, and the MIT licence text must be redistributed with any copy of example.html, template.json or vendored assets.
Will the skill check my numbers?
No. The skill only styles content and does not verify the figures or the assumptions in your model. You need to check every number yourself before presenting.
Is this skill suitable for a formal corporate deck?
Not usually. The skill says its warm, people-facing rust-red palette is intentionally not suited to formal corporate or highly technical decks. For those, choose a more neutral template.
What other tools can make HTML slides for finance decks?
This listing does not compare alternatives, so it cannot say how this skill ranks against them. You can ask the agent for a plain layout, or choose a template in a different style if the warm look does not suit your audience.
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 founder, finance lead or designer who already has the numbers and wants a polished, warm-styled HTML deck for a CFO or investors. Pick something else if you need a formal corporate or highly technical look, or if your figures still need to be built and verified, since the skill does not check them.
Download the skill