Black Friday is here early: Pro is 50% off.Compare plans

Every Premium Skill for $19.9/month. Cancel anytime. See plans

Skip to content
The Frontier Brief
Release alert

Portfolio sites

Build a portfolio site with Fable 5

Skills for Claude Fable 5 that turn your work, services and story into a portfolio of several pages, with case studies, filters that work and a contact form.

See all portfolio site SkillsHow a Skill runs

Works in Claude Code, Codex, Cursor and other agents that read SKILL.md

Web

Serif Freelancer Site

A freelancer site skill for Claude Fable 5: a solo UI/UX studio that sells fixed-price plans, with italic serif words over one huge cobalt word and a pale blue cut-out portrait.

Kit Varga example studio site built by the Skill: two italic serif words over a giant cobalt DESIGNER, split by a pale blue cut-out portrait, with the cobalt services band starting at the bottom of the first screen

The portfolio site Skills on this page

Inside a portfolio site Skill

One job per Skill, done end to end: your material goes in, the result is built and then checked.

Kit Varga example studio site built by the Skill: two italic serif words over a giant cobalt DESIGNER, split by a pale blue cut-out portrait, with the cobalt services band starting at the bottom of the first screen

The whole job, not a draft

Every step is covered, so you are not left finishing a half-done draft yourself.

Rowan Teale example photography site built by the Skill: a photograph of a stone wall along a sea cliff fills the left half, and on the right an intro card, four channel cards and the first series tiles with labels cut into their corners

Design settled, content yours

Facts and files come from you; layout and style were settled before you arrived.

Ida Morel example portfolio built by the Skill: a light grey stage with a two-line headline, six tilted cards around it including a red portrait card, and a caption line closing the first screen

Checked on the way out

Before handing over, the agent runs the checks and reports anything it could not fill in.

Which portfolio site Skills suit your role

Choose your line of work to see the Skills that are tagged for it.

For designersDesign rules written once, so your hours go into the details.For foundersSite, deck and launch clip, before you have a studio to call.For content creatorsShare images, covers and clips that all look like you.

Three steps to build a portfolio site

Works the same in Claude Code running Fable 5, in Codex or in Cursor; no design app needed.

  1. 1

    Install with one prompt

    Paste the install prompt into your agent, or use the terminal command underneath; either way the Skill ends up in the agent's skills folder.

    npx fable5-cli@latest install ours-serif-freelancer-site
  2. 2

    Ask for the result

    Type / and the Skill's name, then say in plain words what you want back.

    /ours-serif-freelancer-site Make a studio site for Kit Varga, a Wrenmouth UI/UX designer who sells three fixed-price plans, with six case studies and a brief form.
  3. 3

    Check it, then ship

    Open the files, request edits in the same chat, and publish or hand them over when they're right.

    index.html

Build a portfolio site: prompt alone or a Skill?

Any agent will attempt this from a prompt; what returns is the difference.

FactorPrompt onlySkill
Begins withAn empty fileA settled, finished design
ProcessMade up as it goesWritten steps, run in sequence
ReviewUp to you to spot problemsBuilt in and run before the hand-off
OutcomeA draft you still have to fixFiles ready to edit and ship

Ready to build a portfolio site?

Three things to prepare so you can keep the first result.

  1. 1Write the facts downPut names, prices, dates and contact details in a single file; the agent copies them word for word rather than guessing.
  2. 2Supply your own picturesYour own photos and logos make it yours; if you have none, the Skill falls back on its example artwork.
  3. 3Say who it's for and whereTell the agent who will see it and where it will appear, and the Skill fits the wording and size to that.

Every Skill on one plan

Or pay once for a single Skill and keep it.

Cancel anytime

50% OFF

Monthly

$9.99$19.9$19.9/ month

Upgrade to Pro
  • Every Premium Skill unlocked
  • Install via MCP, CLI or the web
  • Browser sign-in for MCP and CLI
  • Up to 50 Skill loads daily
  • Skill updates as they ship
  • New Premium Skills at no extra cost
  • Stop any time you like

Most popular

Save 34% a year

50% OFF

Yearly

$79$158$158/ year

Upgrade to Pro
  • Every Premium Skill unlocked
  • Install via MCP, CLI or the web
  • Browser sign-in for MCP and CLI
  • Up to 50 Skill loads daily
  • Skill updates as they ship
  • New Premium Skills at no extra cost
  • Cancel any time you want

Best deal

One payment · Founding price

32% OFF

Founding Lifetime

$169$249$249one-time

Buy lifetime access
  • Every Premium Skill unlocked
  • Install via MCP, CLI or the web
  • Browser sign-in for MCP and CLI
  • Up to 50 Skill loads daily
  • Skill updates as they ship
  • New Premium Skills at no extra cost
  • No subscription, no renewals
  • Publish your own Skills and earnComing soon

Cancel anytime. Payments are non-refundable.

Common questions on portfolio site Skills

What people ask before installing.

Which agents will run these Skills?

Claude Code, Codex, Cursor and every other agent that reads SKILL.md folders. The install prompt doesn't change between them, or with the model.

How long is a typical run?

Usually a few minutes. Rendering video or generating images takes longer, and each Skill page lists what those runs need.

Can I still edit what it hands back?

Yes. You get editable files, and you can ask for changes in the same chat while the context is fresh.

Are the free Skills limited?

No. A free Skill is the full Skill and needs only a free account; Premium Skills come with a plan or a one-time purchase.

Let your agent finish the next portfolio site

Choose a Skill, install it with one prompt, then describe what you want.

Browse all Skills