Skill Locker
All skills
v1.3.03 loop iterations

Portfolio Generator

A portfolio isn't a gallery — it's a sales tool. The Portfolio Generator turns work samples into case studies that show thinking, process, and results, because clients don't hire on range, they hire on confidence you can solve their specific problem.

What this skill does

Most portfolios are reverse-chronological galleries — latest work first, thumbnail grid, click for the full image. That format works for art school critiques. It fails for client acquisition. The potential client doesn't care about your range. They care about whether you can solve their specific problem, and the only way to answer that question is to show your thinking on similar work.

This skill curates ruthlessly. Three to five featured projects, not fourteen. Each one picked against four criteria: does it represent the work you want more of, can you tell a real story about process and results, would your ideal client see themselves in the context, are you proud of both the process and the outcome. Anything failing two or more criteria leaves the site. Curation signals confidence. A grid of fourteen projects signals "I'll take any work that comes in."

Case studies are where portfolios win or lose. The structure is fixed: result-oriented headline, quick facts bar, challenge, approach, solution, results, client quote. The approach section is the longest — about 40% of the case study — because that's what the client is actually buying. A beautiful final design proves you're talented. A walk through how you got there proves you're strategic, and strategic freelancers command higher rates.

Non-visual portfolios — writers, consultants, strategists — get extra attention because there's no pretty picture to carry the page. The case-study format gets harder, not optional. Results displayed prominently, client testimonial pull-quotes, problem-approach-result narrative doing the work the imagery would normally do. A consultant's portfolio without case studies is a CV with worse design.

Home page hero replaces name with value proposition. "I design landing pages that convert 3x better than industry average" beats "Jane Doe — Web Designer" every time. About page follows the belief-first architecture. Services page explains the process — timeline, pricing model, revision policy — because clients who understand your process are more confident reaching out. Contact page sets response expectations and asks for project type, timeline, and budget upfront, so the inbound that lands is qualified instead of vague.

When this triggers

  • ·Your current portfolio is a reverse-chronological grid of thumbnails
  • ·You're getting traffic and 'nice work' comments, but no enquiries
  • ·You want to attract higher-tier clients and your work needs the case-study framing to support it
  • ·You're non-visual (writer, consultant, strategist) and 'showing' the work needs a narrative scaffold
  • ·You want the site structured as a funnel — home to case study to about to contact — not a portfolio dump

Example

Trigger

User: 'Freelance brand designer, 7 years in, want to attract Series A SaaS clients. Have 14 projects. Currently using a Squarespace grid.'

Output

Site structure (5 pages): HOME — hero replaces name with value prop: "Brand identities for SaaS companies between $1m and $10m ARR. The version that actually survives the next product pivot." Featured projects: 3 (not 14 — curation signals confidence). Picked for relevance to Series A SaaS, not chronology. CASE STUDY (per featured project) — 300-500 words: · Headline pattern: "How [Client]'s First External Brand Pass Cut Onboarding Drop-off by [X]%" — real numbers, real client, supplied by user. · Challenge → Approach (longest section, 40%) → Solution → Results → Client quote. · The approach section is where you sell the next client — it's what they're actually buying. ABOUT — belief-led opener, not "Hi I'm..." SERVICES — process explained, friction reduced. CONTACT — response expectation + project intake fields. [+ visual direction, SEO per page]

Get this skill + 10 more

Get the full Websites & Landing Pages pillar (11 skills) or the complete library.

Get the full stack — $299

What you get

  • 122-line SKILL.md, ready to drop into ~/.claude/skills/
  • Tested through 3 Karpathy-loop iterations (versions v1.0.0 → v1.3.0)
  • Triggers automatically when relevant — no command to remember
  • Lifetime updates as the skill is refined further

More from Websites & Landing Pages

Browse the full library

297 skills across 31 categories. One purchase, lifetime updates.

See all bundles