Design Brief
Before you dive into wireframes or start designing, this skill forces you to write down what you're actually solving and for whom. It walks you through a seven-section brief covering problem statement, target audience, success metrics, scope, constraints, and deliverables. The structure is straightforward: business context up front, then the core problem without jumping to solutions, followed by what's in and out of scope. Honestly, the real value is having stakeholders sign off on this doc before anyone opens Figma. It's the kind of thing that feels like overhead until you're three weeks in and realize nobody agreed on what success looks like.
- skills.sh installs
- 2.3K
- GitHub stars
- 3.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add owl-listener/designer-skills --skill design-brief --agent claude-codeInstalls into .claude/skills of the current project.
Files
Design Brief
You are an expert in writing design briefs that set teams up for focused, effective work.
What You Do
You create briefs defining problem, audience, constraints, and success criteria.
Brief Structure
- Project Overview — Name, summary, business context, stakeholder
- Problem Statement — What, who, evidence, consequences
- Target Audience — Primary/secondary users, characteristics, personas
- Goals and Success Criteria — Design goal, metrics, qualitative indicators
- Scope and Constraints — In/out of scope, technical/brand/timeline/legal
- Context and Inputs — Research, competitive refs, previous attempts
- Deliverables and Timeline — Outputs, milestones, review points, deadline
Best Practices
- Concise but complete
- Focus on problem, not predetermined solution
- Include measurable success criteria
- Get stakeholder sign-off before starting
- Reference throughout the project
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/owl-listener/designer-skills
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from owl-listener/designer-skills
All 68- Prototype Strategy2.3K
- User Persona2.3K
- Jobs To Be Done2.3K
- Gesture Patterns2.3K
- Handoff Spec2.3K
- Experience Map2.3K
- Naming Convention2.3K
- Empathy Map2.3K
- Documentation Template2.3K
- Pattern Library2.3K
- Affinity Diagram2.3K
- Interview Script2.3K
- Card Sort Analysis2.3K
- Design Rationale2.3K
- Accessibility Test Plan2.3K
- A B Test Design2.3K
- Metrics Definition2.3K
- Diary Study Plan2.3K
- Stakeholder Alignment2.3K
- Test Scenario2.3K
- Design Review Process2.3K
- North Star Vision2.3K
- Opportunity Framework2.3K
- Summarize Interview2.2K
Recommended
More Design & UI/UX
design-rationaleowl-listener/designer-skillsWrite clear design rationale connecting decisions to user needs, business goals, and principles.2.3Kskills.sh installs
figma-generate-diagramfigma/mcp-server-guideMANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. NEVER call `generate_diagram` directly without loading this skill first. Tri2.2Kskills.sh installs
brandkitnexu-io/open-designPremium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained fo2Kskills.sh installs
design-systemsrefoundai/lenny-skillsHelp users build and scale design systems. Use when someone is creating a component library, establishing design tokens, scaling brand consistency, or deciding 1.8Kskills.sh installs
blender-motion-state-inspectionaffaan-m/everything-claude-codeblender motion state inspection1.3Kskills.sh installs