DH
Design Handoff Brief
🔵 Stable🕐 updated 2026-06-08
🔷 SkillSpec L3
pm-advanced
Transform feature briefs into structured design briefs that give designers the context they need before opening Figma. Use when asked to write a design brief, create a design handoff, brief a designer on a new feature, or translate a PRD into design requirements. Produces a brief with user goal, emotional context, success criteria, constraints, edge cases, and out-of-scope boundaries.
What to give it
▸Feature brief or PRD — even rough notes work
▸Designer's name or team — for personalisation
▸Technical constraints — any engineering limitations already known
▸Timeline — when does design need to be done?
✅ 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.
✓User goal is written in user language (not feature/product language)
✓At least one edge case covers an error or failure state
✓Success criteria are measurable or observable (not "looks good")
✓Out-of-scope section names at least one thing that might seem in scope but isn't
✓Technical constraints are specific enough for an engineer to confirm
⚠️ What it refuses to do
Do not write the user goal in feature language ("design the checkout flow") — it must be written from the user's perspective with a motivation and outcome
Do not skip the "Explicitly Out of Scope" section — without it, designers will inadvertently solve problems not intended for this iteration
Do not list edge cases that are so generic they apply to any feature (e.g. "handle errors") — each edge case must be specific to this feature's failure modes
Do not hand off the brief without confirming engineering constraints are accurate — a constraint that is wrong is worse than no constraint
Do not omit the emotional context of the user — designs without emotional grounding produce technically correct but experientially flat results
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-mcpRelated skills
🔌 Embed this skill
Drop this on your blog, docs, or site — it renders a "Run this skill" card:
<div data-pm-skill="design-handoff-brief"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>💬 Discussion
Design Handoff Brief is one of 1078 open-source professional AI agent skills — all SkillSpec L3.
Try them all in the browser · ⭐ Star on GitHub · Browse the full catalog