design-brief

Installation
SKILL.md

Design Brief Workflow

Follow this workflow to create a strategic Design Brief that empowers designers to do their best work. This document moves beyond "requirements gathering" to define the core problems, the emotional goals, and the creative constraints.

1. Context & Setup

  • Alignment: Consider all relevant details about the product or project you have access to.
  • Visual Baseline: If a Figma link is provided and Figma MCP is set up, analyze it before writing.
  • The Core Tension: Before writing, identify the central conflict. Why is this hard? (e.g., "We need to show complex data without overwhelming the user.")

2. Create the Design Brief

Create a file briefs/[name]-brief.md in the project root. Create the briefs/ directory if it doesn't exist.

Writing Guidelines (unless instructed otherwise):

  • Use spare, direct, and powerful writing style.
  • Keep sentences under 15 words without losing impact.
  • Cut adjectives and adverbs unless removing them changes the meaning.
  • Tone: Professional, inspiring, precise. Write as a Senior Product Partner.
Related skills
Installs
1
GitHub Stars
129
First Seen
Feb 15, 2026