Skip to content
Get packs

Studio Portfolio and Rate Deck

Builds a dark, electric-yellow HTML portfolio and pricing deck for prospective clients

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

What it does

This skill gives the agent a ready-made visual template for a single-file HTML slide deck, styled as a bold black-and-electric-yellow design studio pitch. When you ask for a portfolio or rate deck, the agent fills the template with your real headlines, numbers, names and packages, keeps its fonts, colours and decorative elements intact, and outputs a self-contained HTML presentation. It can also add slides by copying existing layouts or design new ones in the same style.

Great for

  • Photographers or creative studios who want a striking portfolio and pricing deck for prospective clients
  • Designers pitching a brand or art-direction project who want a bold, unconventional look
  • Anyone who wants a brand-statement style deck rather than a quiet corporate one

Skip it if

  • Conservative or institutional presentations, since the palette is very loud and the skill itself warns against it
  • Projects needing a different brand identity, because the skill tells the agent never to change fonts, colours or layout, so the output is locked to this look

Try asking

  • “Turn my photography studio's case studies and package prices into a 12-slide HTML portfolio and rate deck”
  • “Replace the placeholder text in this template with my agency's headlines, client names and dates”
  • “Add two more slides to this deck for my process section, matching the existing layouts”
Step-by-step guide: how to use Studio Portfolio and Rate DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

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

    html-ppt-zhangzara-studio.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-zhangzara-studio.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 your real numbers, package names and client material up front so the agent does not invent placeholder content.
  • Open the generated HTML in a browser to check it, since the template is designed to be viewed as a web page.
  • Keep the included LICENSE file with any copy of the template, as the upstream MIT licence requires it.

What's inside

  • 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.