Skip to content
Get packs

Digital Transformation Roadmap Deck Template

Builds a consulting-style HTML slide deck on a digital-transformation roadmap, in a serif editorial look.

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

What it does

Once installed, the agent builds a self-contained web-page slide deck in a fixed visual style: a Cormorant serif font on warm paper with sage, blush and lemon accents. The example covers a digital-transformation roadmap for a legacy insurer (diagnosis, sequenced bets, operating rhythm), and the agent fills the slides with your own content while keeping the design unchanged. It copies the bundled navigation script next to the HTML so arrow keys and page navigation work, and it can design extra slide layouts in the same style.

Great for

  • Consultants or strategy teams who want a polished, low-density HTML deck for client executives
  • Editorial or brand teams who want a literary, unhurried look for a presentation
  • Anyone who wants a deck that stays visually consistent with the template

Skip it if

  • Decks that need bold, high-energy visuals, since the skill itself says the palette and serif are intentionally quiet
  • Presentations where the content must be verified figures: the skill's example is a generic consulting roadmap and it does not supply research or data sources

Try asking

  • “Create a digital-transformation roadmap deck for a bank's executive team in the soft editorial template”
  • “Turn my quarterly strategy notes into a 12-slide HTML deck using the Soft Editorial style”
  • “Add a new slide layout to this deck that matches the existing serif and paper design”
Step-by-step guide: how to use Digital Transformation Roadmap Deck TemplateInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

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

    html-ppt-zhangzara-soft-editorial.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip html-ppt-zhangzara-soft-editorial.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-zhangzara-soft-editorial.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

  • Keep the bundled assets/deck-stage.js file beside the HTML, or the navigation will break silently.
  • Give the agent your must-keep numbers, audience and decision goal up front so the slides are grounded in your real content.
  • Ask for a deck length change by duplicating existing layouts rather than restructuring the grid, to preserve the design system.

What's inside

  • assets/deck-stage.js
  • 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.