What do I need to use Portfolio Page?

Who you are & what you want; The projects; Proof; Constraints.

Is Portfolio Page free to use?

Yes — run it free in the browser playground (no API key needed for the sponsored trial, or bring any provider key), or install it into Claude Code, Cursor, ChatGPT and more via npx pm-claude-skills. MIT-licensed and open source.

Portfolio Page

Q: How do I know the Portfolio Page output is good?

The skill verifies itself against its own quality checks: Each project is a case study (context → role → action → outcome), not just a title + screenshot; Your specific role is distinguished from the team's on every project; Outcomes are stated (quantified where possible), not left implied; The page leads with positioning so the viewer knows who it's for and what you do.

🔵 Stable🕐 updated 2026-06-26 🔷 SkillSpec L3 pm-personal

Structure a portfolio or case-study page that shows your work, not just lists it. Use when asked to write a portfolio page, a project case study, a work showcase, or an 'is this person good?' proof page. Produces a portfolio structure — a positioning header, and per-project case studies (context → your role → what you did → outcome) that demonstrate impact, ready to export as a designed page/PDF.

▶ Run it free — no key needed 📝 Grade your existing draft View SKILL.md ↗

What to give it

▸Who you are & what you want — your positioning and the audience (hiring manager, client, investor).

▸The projects — 2–4 of your best, with: the problem, your role, what you did, and the result.

▸Proof — metrics, links, visuals, testimonials (whatever's available).

▸Constraints — anything confidential/NDA that needs anonymising.

✅ The bar it holds itself to

Every skill in this library self-verifies — these are this skill's own quality checks, straight from its definition.

✓Each project is a case study (context → role → action → outcome), not just a title + screenshot

✓Your specific role is distinguished from the team's on every project

✓Outcomes are stated (quantified where possible), not left implied

✓The page leads with positioning so the viewer knows who it's for and what you do

✓2–4 strong projects, newest/most-relevant first — depth over breadth

⚠️ What it refuses to do

Do not list artifacts without the story — a screenshot with no context proves nothing

Do not blur your contribution into the team's — "we shipped" leaves the viewer unsure what you did

Do not omit outcomes — "redesigned the flow" without a result is a task, not a case study

Do not pad with weak projects — each extra mediocre one dilutes the strong ones

Do not leak confidential data — anonymise to ranges instead of dropping the impact entirely

Install

npx pm-claude-skills add --agent claude   # or codex · cursor · gemini · hermes
# or one-line MCP (every skill, any client):
claude mcp add pm-skills -- npx -y pm-claude-skills-mcp

Related skills

🔌 Embed this skill

Drop this on your blog, docs, or site — it renders a "Run this skill" card:

<div data-pm-skill="portfolio-page"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>

💬 Discussion

Portfolio Page is one of 599 open-source professional AI agent skills — all SkillSpec L3. Try them all in the browser · ⭐ Star on GitHub · Browse the full catalog