Guide · Agent skill
How to use the Renewal & Expansion Sales Deck agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
This guide explains how to install and use the Renewal & Expansion Sales Deck agent skill (skill name html-ppt-zhangzara-cobalt-grid). The skill gives an AI agent a fixed cobalt-and-cream, graph-paper style HTML slide template and instructions for turning a customer renewal or seat-expansion case into a B2B sales deck. You do not need prior experience with agent skills: by the end you will know what the skill does, how to add it to your agent, how to ask for a deck in plain language, and what to check before sending it to a customer.
Renewal & Expansion Sales Decknexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download the skill ZIP. Get the ZIP from the skill's page on this site.
- 2Unzip into a skills folder. Place the contents in ~/.claude/skills/ for a personal install, or in .claude/skills/ inside a project folder.
- 3Or upload it in the Claude apps. Go to Settings, then Capabilities, then Skills, and upload the skill.
- 4Ask for the deck in plain language. Describe the customer, audience, decision goal and key numbers, and mention renewal or HTML slides.
- 5Answer the agent's questions and check the output. Provide the source materials and must-keep numbers, then open the generated HTML file in a browser and verify every figure.
What the skill makes the agent do
The skill is built for a renewal or seat-expansion business case for a growing customer. It covers realized value, usage proof and the expansion ROI, and is written for two audiences: a champion who will push the case internally, and a finance approver who will sign off on it.
The agent asks for the audience, the decision goal, source material and key numbers. It then fills the template with that content and keeps the design system intact. The result is a single self-contained HTML file that you open in a browser.
- Visual style: electric cobalt italic serifs on a graph-paper canvas, with slim hairline rules and decorative corner brackets.
- Output: one HTML file, so no separate slide software is needed.
- Best for account managers preparing a renewal or upsell deck, and sales teams who want a consistent B2B proposal layout they can edit as HTML.
- Not for decks that need a warm, playful or multi-colour brand voice, or for organisations that need their own brand fonts and palette.
Install the skill in Claude
You can add the skill in one of two ways. Download the ZIP from the skill's page on this site and unzip it into your Claude skills folder, or upload it through the Claude apps.
For a personal install, unzip it into ~/.claude/skills/. For a single project, unzip it into that project's .claude/skills/ folder. To use the Claude apps instead, open Settings, go to Capabilities, then Skills, and upload the skill there.
- Personal install: ~/.claude/skills/
- Project install: .claude/skills/ inside your project folder
- Claude apps: Settings → Capabilities → Skills, then upload
~/.claude/skills/Trigger the skill with a natural request
You do not need a special command. Describe the deck you want in plain language and mention the customer situation. The skill's trigger words include renewal, sales, customer, html deck and html slides, so requests using those words are the most likely to load it.
Expect the agent to ask follow-up questions first. The skill asks only for missing essentials: the audience, the decision target, your source-of-truth materials, the deadline, and any numbers that must stay exactly as written.
- Example request: Create a renewal and expansion business case as an HTML deck for our customer's champion and finance approver. Here are the usage reports and the seat count we want to add.
- Example request: Make an HTML slide deck for a renewal. Audience is the champion and finance approver. Decision: approve 40 additional seats. Must-keep numbers are in the attached table.
Work through the template
The agent copies the template file example.html into your workspace as the working file, then replaces the placeholder headlines, body copy, numbers, names, dates and section labels with your content. If your deck needs more slides than the demo holds, the agent duplicates a slide with the most suitable layout. If it needs fewer, it drops slides from the bottom and updates the page-number labels.
The skill tells the agent not to change the fonts, palette, layout grid or decorative elements. If a slide needs a layout the template does not have, the agent designs one using the same fonts, colours and decorative style rather than switching templates.
- Files in the skill: example.html, SKILL.md and template.json.
- Keep the navigation runtime as shipped. If the deck includes a keyboard handler or deck-stage.js file, leave it intact.
- Check that replacement images match the dimensions of the placeholders they replace.
Check the numbers and safety notes
The skill only reformats the information you supply. It does not verify figures, so every number in the deck must be checked against your source data before a customer sees it. The listing states that the skill has no required dependencies, runs no scripts and makes no network calls.
The skill's own source notes that it is vendored from an MIT-licensed upstream template and that the upstream license text must be kept with any copy of the template files. The listing for this skill shows an Apache-2.0 licence. Read the license files included with your download before you redistribute the skill.
- Verify every figure, especially usage numbers and ROI calculations.
- The skill runs no scripts and uses no network access, according to its listing.
- Keep the upstream license notice with any copies you share.
What people use it for
- Preparing a seat-expansion deck for a customer's champion, with usage proof and an ROI summary for a finance approver.
- Turning a renewal case with realized value figures into a single HTML file that the champion can forward internally.
- Producing an editable HTML proposal layout that a sales team can reuse and adjust across accounts.
- Drafting a quiet, editorial-style B2B deck when a corporate or colourful look would not suit the customer.
Frequently asked questions
Is the Renewal & Expansion Sales Deck agent skill free?
The listing for this skill shows an Apache-2.0 licence. The skill's own source notes that it is vendored from an MIT-licensed upstream template and asks that the upstream license text be kept with copies of the files, so check the license files in your download before reuse or redistribution.
What do I need to run this skill?
The listing states no specific requirements, does not run scripts and does not use the network. You need an agent environment that supports skills, such as Claude, and a web browser to open the finished HTML file.
How do I install an agent skill in Claude?
Download the ZIP and unzip it into ~/.claude/skills/ for a personal install or into .claude/skills/ in a project. Alternatively, open Settings, go to Capabilities, then Skills, and upload the skill.
Can the skill change the colours and fonts to match my brand?
No. The skill tells the agent to keep its fonts, palette and layout grid unchanged. If your organisation needs its own brand identity, this template is not a good fit.
Does the skill check whether my numbers are correct?
No. The skill only reformats the content you supply and does not verify figures, so you must check every number against your source data before sending the deck.
How is this different from other slide tools or templates?
This skill produces a single self-contained HTML file in a deliberately austere cobalt and cream style, with the agent filling the template from your content. It suits quiet, editorial-looking decks, while decks needing warm, playful or multi-colour branding should use another template.
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 an account manager or sales team preparing a renewal or upsell deck and want a consistent, editorial-looking HTML file you can edit yourself. Pick a different template if you need a warm, playful or multi-colour brand voice, or your organisation requires its own fonts and palette.
Download the skill