How to use the Studio Portfolio and Rate Deck agent skill

What is an agent skill and what does this one do?

An agent skill is a folder of instructions and files that an AI agent loads when your request matches the skill's purpose. This one is a visual template for a portfolio-and-rate deck: the signature work, the process, and the packages a client would pay for.

When you ask for a portfolio or rate deck, the agent fills the template with your real headlines, numbers, names and packages. It keeps the fonts, colours and decorative elements intact and outputs a self-contained HTML presentation. It can also add slides by copying existing layouts or designing new ones in the same style.

• Output: one self-contained HTML file that works as a presentation.
• Look: black canvas with electric-yellow type, corner brackets, paper grain and geometric shapes.
• Editing: replaces placeholder text and images, and can lengthen or shorten the deck by duplicating or dropping slides.

Install the skill from the ZIP file

Download the ZIP from this page and unzip it. The skill folder contains SKILL.md and template.json. Put the unzipped folder in one of these locations:

You can either place it in your personal skills folder or in a single project. Use the personal folder if you want the skill available everywhere, and the project folder if only one project should use it.

• Personal: ~/.claude/skills/ (the skill folder goes inside this directory).
• Per project: the .claude/skills/ folder inside your project.
• Claude apps: open Settings → Capabilities → Skills and upload the skill there instead.

Trigger the skill with a natural request

You do not need a special command. The skill is matched by the topic of your request. Useful words include portfolio, rate deck, pricing deck, html deck, html slides, design and brand. Say who the deck is for and what it must achieve.

The skill's own guidance is to gather the essentials first: audience, decision target, source materials, deadline and any numbers that must stay exact. Give those in your first message to save a round trip.

• "Make a portfolio and rate deck for a wedding photography studio. Clients are couples booking a package. Here are my three signature projects and my four packages with prices."
• "Build an HTML deck pitching our art-direction services to a sneaker brand. Use our headlines and the process steps below."
• "Duplicate the portfolio slide so I have six case studies, and drop the last two pricing slides since I only offer three packages."

What the agent does with your content

The agent clones the template file as the working file in your workspace, then replaces placeholder content with your text, numbers, names and dates. Image placeholders are swapped to match the existing dimensions.

The design system is locked on purpose. The agent will not substitute fonts, recolour the palette, change the layout grid or remove decorative elements. If a slide needs a layout the template lacks, the agent designs one using the same fonts, palette and decorative vocabulary rather than switching templates.

• Replace placeholder headlines, body copy, numbers, names, dates and section labels.
• Duplicate or remove slides and update page-number labels.
• Keep the navigation runtime (such as assets/deck-stage.js or an inline keyboard handler) as shipped.

Safety notes: scripts and network access

The skill's listing states that it runs no scripts and uses no network access. It requires nothing beyond the agent itself. The output is a single HTML file, so you can open it in a browser and review it before sharing.

The skill's licence is Apache-2.0. The SKILL.md notes that the upstream template is MIT-licensed and that the full upstream MIT licence text must be redistributed alongside copies of example.html, template.json or any vendored assets.

• Runs scripts: no.
• Uses network: no.
• Requires: nothing listed.
• Check your numbers and prices before sending the deck to a client, since the agent fills in whatever you provide.

Tips for a better deck

Give exact numbers and package names rather than summaries, because the agent places them as written. Tell the agent how many case studies and packages you have so it can adjust the length. If your content is quiet or formal, pick a different template: the skill itself warns that this palette is very loud.

• Supply real headlines and numbers in one message.
• Ask for a critique pass against the skill's rubric, which checks whether the deck feels authored by a senior designer rather than generated.
• Use the output as a finished HTML file and review slide by slide in a browser.