design-brief

Solid

Write a comprehensive design brief that defines the problem space, constraints, audience, and success criteria.

Web & Frontend 1,415 stars 253 forks Updated 2 weeks ago MIT

Install

View on GitHub

Quality Score: 89/100

Stars 20%
100
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
47
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# 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 1. **Project Overview** — Name, summary, business context, stakeholder 2. **Problem Statement** — What, who, evidence, consequences 3. **Target Audience** — Primary/secondary users, characteristics, personas 4. **Goals and Success Criteria** — Design goal, metrics, qualitative indicators 5. **Scope and Constraints** — In/out of scope, technical/brand/timeline/legal 6. **Context and Inputs** — Research, competitive refs, previous attempts 7. **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

Details

Author
Owl-Listener
Repository
Owl-Listener/designer-skills
Created
2 months ago
Last Updated
2 weeks ago
Language
Shell
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

design-brief

Write a comprehensive design brief that defines the problem space, constraints, audience, and success criteria.

37 Updated today
launchapp-dev
Web & Frontend Listed

design-brief

Write a comprehensive design brief that defines the problem space, constraints, audience, and success criteria.

0 Updated 2 months ago
soeiroo
AI & Automation Listed

design-brief

Write a comprehensive design brief that defines the problem space, constraints, audience, and success criteria.

15 Updated 2 months ago
sethdford
Web & Frontend Solid

design-handoff-brief

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.

918 Updated 4 days ago
mohitagw15856
AI & Automation Solid

creative-brief

Create or refine a creative brief that bridges discovery and execution. Use this skill whenever the user is starting a new project, kicking off a website, beginning a brand build or redesign, briefing a designer or developer or AI agent, or trying to align a team before building. Triggers on creative brief, design brief, brand brief, project kickoff, kicking off, briefing the team, project intake, design direction, brief the designer, brief the dev, where do we start, how do we start, write a brief, project overview, scope this project, align on direction. Also triggers when the user has a vague idea and needs to make it concrete enough to hand off, even if they do not say 'brief' explicitly.

287 Updated today
rampstackco