Skip to content
Get packs

Poster-Series Case Study HTML Deck

Builds a neo-brutalist HTML slide deck presenting a design case study, staying within one template's visual style.

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 single-file HTML slide template with a bold neo-brutalist look (thick borders, offset shadows, pink, sage and ink colours). When asked to build a design case-study presentation, the agent copies the template, swaps in the user's own headlines, numbers and images, and keeps the original fonts and decorative style intact. It can also add new slide layouts in the same style and adjust the deck length.

Great for

  • Designers presenting a poster or brand series case study to peers or clients
  • Founders or creators who want a graphic, confident pitch or portfolio deck
  • Anyone who wants a single self-contained HTML slide file they can open in a browser

Skip it if

  • Formal or quiet corporate presentations, since the template's bold borders and shadows commit to a loud graphic voice
  • Projects needing a different brand identity, because the skill tells the agent never to change fonts or colours

Try asking

  • “Turn my festival poster series notes into a 10-slide HTML case study deck for a client review”
  • “Create a decision-focused design craft deck in this template's style from my concept and results bullets”
  • “Extend this HTML deck to 14 slides and add a process-flow slide in the same visual style”
Step-by-step guide: how to use Poster-Series Case Study HTML 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-raw-grid.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-zhangzara-raw-grid.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 must-keep numbers, audience and decision goal up front so the deck is structured around them.
  • Supply images at the same dimensions as the placeholders to avoid layout breakage.
  • Open the generated HTML in a browser to check slide navigation, since the template's built-in keyboard handler should be left unchanged.

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.