Skip to content
Get packs

Renewal & Expansion Sales Deck

Builds a styled B2B renewal and seat-expansion business case as an HTML slide deck.

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

What it does

This skill gives the agent a fixed visual template (a cobalt-and-cream, graph-paper style HTML slide deck) and instructions for turning a customer renewal or seat-expansion case into a sales presentation. The agent asks for the audience, decision goal, source material and key numbers, then fills the template with that content and keeps the design system intact. The result is a single self-contained HTML file you can open in a browser.

Great for

  • Account managers preparing a renewal or upsell deck for a customer's champion and finance approver
  • Sales teams who want a polished, consistent B2B proposal layout that they can edit as HTML
  • Anyone who needs a quiet, editorial-looking deck rather than a corporate or colourful one

Skip it if

  • Decks needing a warm, playful or multi-colour brand voice, since the template is intentionally austere (stated in the skill)
  • Presenting real customer numbers without checking them, because the skill only reformats what you supply and does not verify figures
  • Organisations needing a specific brand identity, since the skill says to keep its fonts and palette unchanged

Try asking

  • “Create a renewal and seat-expansion business case for our customer Acme, using the usage numbers I paste below.”
  • “Build an 8-slide decision deck for the finance approver showing realised value and expansion ROI.”
  • “Turn my notes on this quarter's account review into a slide plan and an HTML deck in the cobalt grid style.”
Step-by-step guide: how to use Renewal & Expansion Sales DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

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

    html-ppt-zhangzara-cobalt-grid.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip html-ppt-zhangzara-cobalt-grid.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-zhangzara-cobalt-grid.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 must-keep numbers and source documents up front, since the skill asks for them and the agent will not check their accuracy.
  • Review every figure and customer name in the generated HTML before forwarding the deck internally.
  • Keep the template's fonts and layout if you want the look; ask for a different template if you need another style.

What's inside

  • example.html
  • SKILL.md
  • template.json

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.