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 — $299What 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
Doesn't just brainstorm creative alternatives — it systematicallies apply different psychological frameworks to the same core message, producing variants that target different decision-making triggers
The About page is typically the second or third most-visited page on any website — and the most wasted
Unlike a general website audit, a CRO audit is laser-focused on one metric: the conversion rate
Most FAQs are an afterthought — a dumping ground for random questions the support team gets asked
Produces complete, functional HTML/CSS landing pages — not wireframes, not descriptions, but code that can be deployed immediately
Understands that pricing pages are not just information displays — they are decision architecture
Browse the full library
297 skills across 31 categories. One purchase, lifetime updates.
See all bundles