Skip to content
Get packs

Visual-Identity Deck Creative Mode

Builds a confident, multi-accent HTML slide deck presenting a brand visual-identity system.

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

What it does

When installed, the agent builds a single web-page presentation (an HTML slide deck) in a fixed cream-and-multicolour visual style with a bold display typeface. It is meant for presenting a brand's logo, colour, typography and usage rules as a polished design deck. The skill tells the agent to keep the template's fonts, palette and decorative elements intact, to copy the bundled navigation script alongside the HTML, and to add or duplicate slides in the same look.

Great for

  • Designers presenting a brand identity or visual system to a client or internal team
  • Creative agencies and design studios preparing pitch or review decks
  • Marketers who want an expressive, design-led presentation rather than a corporate one

Skip it if

  • Formal or institutional settings needing restrained styling, since the saturated multi-accent palette reads as expressive (the skill itself says so)
  • Projects that need a different brand's fonts or colours, because the skill forbids substituting them

Try asking

  • “Create a visual-identity system deck for our outdoor label covering logo, colour, type and usage rules”
  • “Turn these brand guideline notes into an 8-slide creative-mode HTML presentation for the client review”
  • “Add a slide on logo misuse examples to the existing creative-mode deck, keeping the same styling”
Step-by-step guide: how to use Visual-Identity Deck Creative ModeInstall, 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-creative-mode.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-zhangzara-creative-mode.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 the audience, decision goal and must-keep numbers up front so the slide plan is grounded in your content
  • Keep the assets/deck-stage.js file next to the HTML, or the navigation will break as the skill warns
  • Use the browser's Print to PDF option to export a one-slide-per-page PDF

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.