Skip to content
Get packs

Coral HTML Growth-Campaign Deck

Builds a single-file, editorial-style HTML slide deck for a marketing or growth campaign plan.

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 ready-made visual template: a single self-contained HTML slide deck with cream and coral colours on near-black and oversized Bebas Neue headlines. When asked, the agent copies the example file, swaps in the user's own headlines, numbers and dates, and keeps the fixed design, so the result looks like a magazine-style presentation. The included example is themed around a community-growth campaign across GitHub, Discord and X.

Great for

  • Growth or marketing teams who want a bold, warm-looking campaign or go-to-market deck produced as an HTML file
  • Creators or agencies who want an editorial-style portfolio or manifesto presented as web slides
  • People who already have their numbers and content and need them laid out quickly in a consistent template

Skip it if

  • Formal, institutional or quiet corporate presentations, because the coral accent and oversized display type are deliberately loud (the skill itself says to avoid these)
  • Decks that must be edited in PowerPoint or Google Slides, since the output is HTML rather than an office file
  • Work that depends on the numbers being correct without checking, because the skill only swaps placeholder text and does not verify the pipeline maths

Try asking

  • “Turn my Q3 community growth numbers into a 10-slide coral-styled HTML deck for the growth team”
  • “Build a launch campaign deck for our new product using the Coral template, with slides on channels, content calendar and pipeline”
  • “Make a warm, editorial HTML slide deck for our agency credentials”
  • “Duplicate the coral deck layouts to make a 15-slide version of this campaign plan”
Step-by-step guide: how to use Coral HTML Growth-Campaign 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-coral.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

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

  • Give the agent your real headlines, numbers, dates and must-keep figures up front so it replaces placeholders accurately rather than inventing content.
  • Ask the agent to keep the template's fonts, palette and decorative elements unchanged, as the skill instructs, if you want a consistent look.
  • Open the resulting HTML in a browser to check slide count and layout, and keep the LICENSE file with any copy since the upstream template is MIT-licensed.

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.