Back to Skills

design-brief-generator

verified

Generate comprehensive design briefs for design projects. Use this skill when designers ask to "create a design brief", "structure a design project", "define design requirements", or need help planning design work.

View on GitHub

Marketplace

skills-marketplace

jamesrochabrun/skills

Plugin

trading-plan-generator

Repository

jamesrochabrun/skills
30stars

skills/design-brief-generator/SKILL.md

Last Verified

January 18, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/jamesrochabrun/skills/blob/main/skills/design-brief-generator/SKILL.md -a claude-code --skill design-brief-generator

Installation paths:

Claude
.claude/skills/design-brief-generator/
Powered by add-skill CLI

Instructions

# Design Brief Generator

## Overview

Generate comprehensive, well-structured design briefs that align stakeholders and guide design projects. This skill helps designers create clear project briefs that define scope, goals, constraints, and success criteria.

**Built for:**
- UX/UI designers
- Product designers
- Design leads
- Design systems teams
- Brand designers

---

## Quick Start

### 1. Generate Design Brief

Run the interactive script:

```bash
scripts/generate_brief.sh
```

This will guide you through creating a comprehensive design brief covering:
- Project goals and objectives
- Target users and personas
- Design constraints
- Success criteria
- Timeline and deliverables

### 2. Validate Brief

Check brief completeness:

```bash
scripts/validate_brief.sh <brief_file.md>
```

Ensures all critical sections are included.

---

## Core Workflow

### When to Create a Design Brief

**Use a design brief for:**
- New product/feature design projects
- Design system initiatives
- Redesign projects
- Brand identity projects
- UX research initiatives

**Skip for:**
- Minor UI tweaks
- Bug fixes
- Small iterations on existing designs

---

## Design Brief Components

### 1. Project Overview

**What it includes:**
- Project name and description
- Background and context
- Why this project matters now
- Business objectives
- User problems being solved

**Example:**
```markdown
## Project Overview

**Project:** Mobile app redesign
**Background:** Current app has 2.8 star rating with users citing confusing navigation
**Business Goal:** Increase app retention from 15% to 40% (Day 30)
**User Problem:** Users can't find key features, leading to frustration and abandonment
```

---

### 2. Design Goals & Objectives

**Define what success looks like:**
- Primary design goal
- Secondary goals
- Success metrics
- Must-haves vs. nice-to-haves

**Example:**
```markdown
## Design Goals

**Primary Goal:** Create intuitive navigation that helps users complete core tasks in < 3 taps

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
12617 chars