How to use the Designer Portfolio Interview Deck agent skill

What this skill makes the agent do

When installed, the skill tells the agent to build slide decks in a bold, editorial neo-brutalist style: off-white paper, a single neon yellow accent and uppercase headings. The agent works from an HTML template that ships with the skill, so the output is a web page you open in a browser rather than a PowerPoint or Keynote file.

The deck is framed as a senior interview narrative. It covers three case studies, the craft behind them and the judgment behind each decision, aimed at a hiring panel. Before drafting, the agent asks for anything missing, such as the audience, the decision you want to win, your source materials, a deadline and the key numbers you must keep. Then it drafts a slide plan and the copy.

• Output: a single HTML deck with keyboard navigation
• Structure: three case studies, the craft and the judgment behind each
• Questions the agent asks first: audience, decision goal, source materials, deadline, must-keep numbers

Check whether this skill fits your deck

The skill suits 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, and anyone who wants help organising case studies around evidence and decisions.

It is not a good fit for quiet, traditional or warm-toned presentations, because the neon accent and heavy display type are intentionally loud. It also does not suit decks that must match an exact company brand, since the skill says fonts and palette must not be changed. Finally, the agent does not check whether your career claims or numbers are accurate. It only structures what you provide.

Install the skill in Claude or in a project

Download the ZIP file from the skill page on this directory, then unzip it. For personal use across projects, place the unzipped folder inside your ~/.claude/skills/ folder. For a single project, place it inside that project's .claude/skills/ folder instead.

If you use the Claude apps, you can also upload the skill through Settings, then Capabilities, then Skills. Use whichever route matches how you work. Once the skill is in place, start a conversation with your agent and ask for a deck.

• Personal use: unzip into ~/.claude/skills/
• Single project: unzip into the project's .claude/skills/
• Claude apps: Settings, then Capabilities, then Skills, then upload

Requirements before you start

The agent needs to be able to read and write files in your workspace, because the deck is created as files there. You also need a web browser to open the finished HTML deck.

The skill does not run scripts and does not use the network, according to its listing. Your own content stays in the files the agent writes to your workspace.

• An agent that can read and write files in your workspace
• A web browser to open the generated HTML deck
• Runs scripts: no
• Uses network: no

Trigger the skill with a natural request

You do not need special syntax. Describe the job in plain words and mention a portfolio, interview or promotion. The skill's own keywords include portfolio, promotion, self-review, career and html slides, so requests that use these words are more likely to load it.

Give the agent your context in the same message if you can: who is on the panel, what decision you want, and which numbers must appear. The agent will ask for anything you leave out.

• Build a portfolio narrative for a senior design interview as an HTML deck.
• Make an html slides deck for my promotion review with three case studies.
• I am preparing a self-review deck for a hiring panel. Help me organise my case studies around decisions.

Work through the deck with the agent

Expect the agent to ask questions first, then propose a slide plan, then write the slides. Review the plan before the copy is written. Replace any placeholder text with your real headlines, numbers, names and dates, and keep the layout and fonts as they are.

If you need more or fewer slides, ask the agent to add or remove them. The skill says it duplicates an existing layout for extra content and drops slides from the end when content is shorter. If your deck needs a layout the template lacks, the skill directs the agent to design one in the same visual style.

• Answer the agent's questions about audience, decision and numbers
• Review the slide plan before approving the copy
• Check every number and claim yourself before the interview

Safety, licensing and file notes

The skill ships with example.html, assets/deck-stage.js, SKILL.md and template.json. The deck depends on assets/deck-stage.js for keyboard navigation. Keep that file in the same folder as the generated HTML, or the navigation will break. Alternatively, the skill allows inlining the script into the HTML file.

The directory lists the skill's licence as Apache-2.0. The skill's own SKILL.md says it is vendored from an MIT-licensed upstream template and that the upstream LICENSE file must be kept alongside any copy of the template files. If you redistribute the files, keep the licence notices with them and check the licence file that ships with the skill.

• Keep assets/deck-stage.js next to the HTML, or inline it into one script block
• Do not remove the licence notices when sharing copies of the template files
• Scripts: none run, according to the listing