Skip to content
Get packs

Pin and Paper Defense Deck

Builds a hand-crafted HTML slide deck for a student capstone defense in a yellow-paper style.

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

What it does

When installed, the agent can turn a student's research or coursework into a self-contained web-page slide deck styled with yellow paper textures, safety-pin illustrations and handwritten-style type. It starts from a provided example HTML file, swaps in the user's own headlines, numbers and sections, and keeps the template's visual system intact. The deck runs in a browser with keyboard navigation and can be printed to PDF.

Great for

  • Students preparing a senior capstone or coursework defense who want a warm, personal-looking deck
  • Researchers presenting qualitative findings or workshop debriefs in a literary style
  • Designers who want a ready-made HTML slide template to customise

Skip it if

  • Formal or data-heavy decks that need a polished corporate look, since the handwritten font is intentionally informal
  • Anyone expecting the skill to verify research data or methodology; it only lays out the content the user supplies

Try asking

  • “Turn my pollinator field-study capstone into a defense deck for faculty reviewers using the Pin and Paper template”
  • “Make an 11-slide HTML deck from my survey data, keeping the paper-grain style”
  • “Duplicate the content slide layout so my deck has 15 slides and update the page numbers”
Step-by-step guide: how to use Pin and Paper Defense DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 5 original files, the Apache-2.0 licence and an attribution note.

    html-ppt-zhangzara-pin-and-paper.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip html-ppt-zhangzara-pin-and-paper.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

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

  • Clone both example.html and the assets folder into your workspace, or the styling and navigation will break; alternatively ask for everything inlined into one file.
  • Provide your real numbers, audience and deadline up front so the agent does not invent figures.
  • Check the bundled MIT licence file is kept with any redistributed copy, as the skill requires.

What's inside

  • assets/deck-stage.js
  • assets/styles.css
  • 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.