How to use the Coral HTML Growth-Campaign Deck agent skill

What the skill makes the agent do

When you ask for a deck in this style, the agent copies the included example file, replaces the placeholder headlines, numbers and dates with your own, and keeps the fixed design. The result is one HTML file that opens in a browser and looks like a magazine-style presentation.

The skill's workflow says the design is meant to stay intact. The agent should not swap fonts, recolour the palette, change the layout grid or remove decorative elements such as corner brackets, paper grain and geometric shapes. If your content needs a layout the template does not have, the skill says to design it using the same fonts, palette and decorative vocabulary rather than switch templates. If you have more content than the demo holds, the agent duplicates a suitable slide; if less, it drops slides from the bottom and updates the page-number labels.

Install the skill from the ZIP download

Download the ZIP for this skill from our page and unzip it. The skill folder contains example.html, SKILL.md and template.json. Then place the folder in one of two locations: your personal skills folder at ~/.claude/skills/, or a project's .claude/skills/ folder if you want the skill available only inside one project.

Alternatively, if you use the Claude apps, you can upload the skill under Settings → Capabilities → Skills instead of copying files by hand.

• Personal install: place the unzipped folder in ~/.claude/skills/
• Project install: place the unzipped folder in your project's .claude/skills/
• Claude apps: Settings → Capabilities → Skills, then upload

Trigger the skill with natural requests

You do not need a special command. Ask in plain language and mention the kind of deck you want. The skill's listed triggers include phrases such as 'html deck', 'html slides', 'campaign', 'launch', 'pipeline' and 'annual-marketing-plan'. Naming the subject and audience helps the agent fill the template well.

The skill's own example prompt asks the agent first to request only what is missing: audience, decision target, source-of-truth materials, deadline and must-keep numbers. Expect a few questions before the deck is built.

• Make an HTML deck for our community-growth campaign across GitHub, Discord and X, for the growth team.
• Turn these numbers and headlines into a campaign html slides deck in the coral style.
• Build a launch pipeline deck as a single HTML file using the coral template.

Know what to provide and what the skill will not check

The skill needs nothing else installed: its metadata lists no requirements, it runs no scripts and it uses no network access. You supply the content. The skill replaces placeholder text only; it does not verify the pipeline maths, so check every number yourself before presenting.

The output is HTML, not an office file. If your team must edit in PowerPoint or Google Slides, pick a different route.

• Runs scripts: no
• Uses network: no
• Required extras: none listed
• Licence: Apache-2.0; the skill's source notes say the upstream MIT licence text ships with it and must be redistributed with copies of the vendored files

Safety notes on scripts and network access

Because the skill runs no scripts and makes no network calls, its own behaviour is limited to producing and editing text and HTML. The example file is a self-contained HTML deck, so you can open it locally in a browser to review it.

The skill's workflow says to keep any navigation runtime as shipped, such as an assets/deck-stage.js file or an inline keyboard handler, if the deck includes one. Review the generated HTML before you publish it or share it externally.

Tips for better decks

Give the agent your real numbers and sources up front, since the skill only swaps placeholder text. Decide the single decision the deck should support, because the skill's example is built around a decision-grade plan.

Use this style only where a bold, warm voice fits. The skill itself advises against quiet or institutional settings, where the coral accent and oversized type will feel out of place.

• Provide headlines, numbers and dates in one list so swaps are accurate.
• Ask for a critic pass to check that creative choices connect to measurable goals.
• Keep the example file open alongside the output to compare layouts.