Skip to content
Get packs

Designer Portfolio Interview Deck

Builds a confident HTML slide deck structuring a designer's portfolio for a senior interview.

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 slide decks in a bold, editorial 'neo-brutalist' style (off-white paper, a single neon yellow accent, uppercase headings) based on a provided HTML template. For this skill, the deck is framed as a senior interview narrative: three case studies, the craft behind them, and the judgment behind each decision, aimed at a hiring panel. The agent first asks for missing essentials such as audience, decision goal, source materials, and key numbers, then drafts the slide plan and copy.

Great for

  • Designers preparing a portfolio presentation for a senior role or promotion review
  • People who want an editorial-style HTML deck instead of a standard corporate template
  • Anyone who wants help organising case studies around evidence and decisions

Skip it if

  • Quiet, traditional or warm-toned presentations, since the template's neon accent and bold display type are intentionally loud (style mismatch, not a safety risk)
  • Decks that must keep the exact visual identity of a company brand, because the skill says fonts and palette must not be changed
  • Anyone expecting the agent to verify the factual accuracy of career claims or numbers, since it only structures what the user provides

Try asking

  • “Build a three-case-study portfolio deck for my senior design interview with a hiring panel”
  • “Turn my year-end self-review notes into a decision-focused HTML slide deck”
  • “Draft a 12-slide career narrative in the neo-grid bold style and tell me what numbers I still need”
  • “Duplicate the process-flow slide to add a fourth case study to my existing deck”
Step-by-step guide: how to use Designer Portfolio Interview DeckInstall, 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-neo-grid-bold.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-zhangzara-neo-grid-bold.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 the real numbers, dates and project outcomes up front so the agent does not invent them
  • Keep the assets/ folder next to the HTML file, or navigation will break as the skill warns
  • Ask the agent to run its critic pass on whether your evidence supports each claim

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.