Skip to content
Get packs

Playful HTML Sales Training Deck

Builds a warm, peach-toned HTML slide deck for a retail sales-floor training on consultative selling.

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

What it does

This skill gives an AI agent a ready-made visual template for a single-file HTML slide presentation with a friendly, indie look (sun-warm peach background and a rounded display font). When asked, the agent copies the template, swaps in your real headlines, numbers and names, and adjusts the slide count while keeping the fonts, colours and decorative elements intact. It is aimed at a training deck for store staff on consultative selling, but the same template can be reused for other topics.

Great for

  • Managers or trainers who want a friendly-looking retail sales training deck as a single HTML file
  • Designers who want an agent to keep a consistent playful visual style across slides
  • Small teams making informal internal workshops or onboarding slides

Skip it if

  • Formal or compliance-heavy corporate training, because the skill itself says the peach palette is intentionally informal and lacks institutional credibility
  • Users who need a deck that runs without a browser or needs speaker notes and animations, since the template sets speaker_notes and animations to false

Try asking

  • “Create a sales-floor training deck on consultative selling for store associates using the playful template”
  • “Replace the demo slides with my store's conversion numbers and role-play steps, and keep the same look”
  • “Extend this training deck to 14 slides by duplicating the most suitable existing layout”
Step-by-step guide: how to use Playful HTML Sales Training 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-playful.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-zhangzara-playful.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 your audience, must-keep numbers and source material up front so the agent does not invent figures.
  • Ask the agent to keep the original fonts, palette and decorative elements, as the skill instructs, if you want to preserve the look.
  • Keep the LICENSE file (MIT, upstream from zarazhangrui) with any copy of the template, as the skill requires.

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.