Creative brief

Create or refine a creative brief that bridges discovery and execution.

Creative brief — Creative Direction skill highlight diagram. Navy header card reads 'Impactful Creative Direction' with the subtitle… (from the rampstackco/claude-skills README)

From the rampstackco/claude-skills README — shows the whole collection, not only this skill. · view on GitHub

How to use it

Claude Code
  1. Run the line below. It pulls the whole folder into ~/.claude/skills/creative-brief, including the files SKILL.md points to.
  2. Describe your job in plain words. Claude Code follows the skill from there.
Claude Code — installs the whole folder, not just SKILL.md
npx degit rampstackco/claude-skills/skills/creative-brief#main ~/.claude/skills/creative-brief

For one project only, change the path to .claude/skills/creative-brief. This skill also uses creative-brief.md, audience-research.md, brand-guidelines.md — copying SKILL.md alone won't be enough. See the folder on GitHub.

Claude (web or desktop app)
  1. On this page open ⋯ → Download .md.
  2. Save it as SKILL.md in a folder, zip the folder, then Customize → Skills → + → Create skill → Upload a skill.
  3. Pick the file and Save. Claude shows the name and description and runs a security scan.
  4. Check the skill is switched on.
  5. Start a new chat and describe your job in plain words. The AI follows the skill from there.
ChatGPT or another app
  1. ChatGPT: make a Project and paste it into Instructions.
  2. Neither? Paste it at the top of a new chat — it works for that chat.
Not working?
  • Check which app you pasted it into — the steps above name the right one.
  • Some skills need the paid tier of Claude or ChatGPT.
Step-by-step guide with screenshots · Ask in the forum

Paste into Claude, ChatGPT or Cursor.

Source of Creative brief

Show the full text159 lines
namedescriptioncategorycatalog_summarydisplay_order
creative-briefCreate 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.strategy-and-discoveryProject briefs that align stakeholders before work starts2

Creative Brief

Bridges discovery and execution. Translates "we want a website" into a brief a designer, developer, or AI agent can actually run with.


When to use

  • Starting a new project (website, app, brand, campaign)
  • Kicking off a redesign or rebrand
  • Handing work to a designer, developer, or AI agent
  • Aligning a team that has drifted off course
  • Turning a vague idea into something buildable

When NOT to use

  • The user is asking a one-off design question (use design-standards)
  • The user wants a PRD or dev ticket (use pm-spec-writing)
  • The user is doing initial research and has not decided what they are building (use brand-discovery first)
  • The user just wants you to write copy (use content-and-copy)
  • The user already has scope and constraints settled and needs deeper aesthetic direction specifically (use creative-direction for the structured aesthetic axes)

Required inputs

A brief needs answers to ten questions. Before writing, confirm you have answers (or can elicit them) for:

  1. What is the project?
  2. Why does it exist? What problem does it solve?
  3. Who is the audience?
  4. What do you want them to do, feel, or know?
  5. What is the personality? How does it sound?
  6. What is the visual direction? How does it look?
  7. What is in scope? What is out?
  8. What are the constraints (time, budget, technical, brand)?
  9. What does success look like?
  10. Who approves?

If you have fewer than five of these, run a quick intake first. See "Eliciting missing info" below.


The framework: brief structure

Output a markdown brief with these ten sections. Keep each section tight. A good brief is two pages, not ten.

1. Snapshot

One paragraph answering: what, who, why, when. The kind of thing you would say at a kickoff in thirty seconds.

2. Audience

Primary audience first. Include who they are, what they are trying to do, what is blocking them today, and where you reach them. Add secondary audiences only if they materially change the work.

3. Objectives

What success looks like. Pair every objective with a measurable signal.

Objective: drive trial signups. Signal: 3 percent conversion from homepage to signup within 30 days of launch.

4. Key message

The one thing you want a visitor to walk away knowing. If they see only the homepage hero and bounce, what should they remember? One sentence.

5. Voice and tone

Pick three to five adjectives. Pair each with what you are NOT (e.g. "confident, not arrogant"). See references/voice-and-tone-guide.md for frameworks and worked examples.

6. Visual direction

Mood, palette, type, and imagery direction. Three to five reference URLs are worth more than 500 words. Note what you like AND what you would reject.

7. Scope and deliverables

A bulleted list of what is being made. Be specific. "Homepage" is not a deliverable. "Homepage with hero, three feature blocks, testimonial carousel, and contact CTA" is.

8. Constraints

Time. Budget. Technical (existing stack, required integrations, hosting). Brand (logo, colors, fonts that must be used). Legal (compliance, accessibility level required).

9. Inspiration and competitors

Three to five sites or brands you want to feel like, three to five you want to feel different from. Note WHY for each.

10. Approval

Who signs off. What artifact triggers sign-off (a Figma file, a staging URL, a PDF). What happens if there is no sign-off by a deadline.


Eliciting missing info

If the user comes with a partial answer (e.g., "I want a website for my coffee shop"), do not just write a generic brief. Ask. Use these prompts.

For audience

  • Who is the single most likely person to land on this site? Walk me through their day.
  • If you could pick one type of customer to fill your inbox, who?
  • Who do you NOT want to attract?

For objectives

  • Pretend it is six months after launch. What number tells you it worked?
  • What is the one action you most want a visitor to take?

For voice

  • Pick three brands or people whose tone you would want to borrow.
  • If your site were a person at a dinner party, what would they sound like?

For visuals

  • Show me three sites you love. What do you love about them?
  • Show me one site you hate. Why?

For scope

  • If you only got one page, which one?
  • What would you cut if the budget were halved?

Do not ask all of these. Pick the ones that fill the actual gaps.


Workflow

  1. Read the conversation. Pull every fact already given. Do not ask questions you can answer from context.
  2. Identify gaps. Which of the ten required inputs are missing or thin?
  3. Run intake. Ask three to five targeted questions to fill the gaps. Group related questions to keep the conversation tight.
  4. Draft the brief. Use references/creative-brief-template.md as the structure. Keep it under 1500 words.
  5. Stress-test. Before delivering, check the brief against the failure patterns below. If any apply, revise before showing the user.
  6. Deliver. Save as creative-brief.md in the project root. Offer to make it a Word doc or PDF if the user wants something to share with stakeholders.
  7. Hand off for aesthetic depth (optional). For projects where sections 5 (voice and tone) and 6 (visual direction) need more rigor than this brief surfaces, run creative-direction next. It produces a structured aesthetic brief using four directional axes (tone register, aesthetic philosophy, audience relationship, sensory ambition) that content, copy, and art-direction skills consume directly.

Failure patterns

When the user's input matches one of these patterns, push back before writing.

  • "We want to be the [giant brand] of [our niche]." Ask what specifically about that brand they want to borrow. Probably one or two things, not the whole thing.
  • Audience as "men and women 18-65." This is not an audience. Ask for the single most valuable customer type and start there.
  • "Increase awareness" with no metric. Awareness of what, by whom, measured how? Push for a number.
  • "Modern, clean, minimalist." These words are meaningless. Ask for three specific URLs they think look right.
  • Twenty pages of context, no clear ask. Ask: "If a designer reads only one paragraph, what should it be?" Then make that the snapshot.

Output format

Default output is a markdown file at creative-brief.md in the project root. Structure follows the template exactly.

If the project is large, split: keep the main brief under 1500 words and put detail in linked appendices (audience-research.md, brand-guidelines.md, etc.). Briefs that try to be everything end up read by no one.


Reference files

Read the template before drafting. Read the voice guide if the user has not already specified a voice. Read the example if you are unsure how filled-out a section should be.

1---
2name: creative-brief
3description: "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."
4category: strategy-and-discovery
5catalog_summary: "Project briefs that align stakeholders before work starts"
6display_order: 2
7---
8 
9# Creative Brief
10 
11Bridges discovery and execution. Translates "we want a website" into a brief a designer, developer, or AI agent can actually run with.
12 
13---
14 
15## When to use
16 
17- Starting a new project (website, app, brand, campaign)
18- Kicking off a redesign or rebrand
19- Handing work to a designer, developer, or AI agent
20- Aligning a team that has drifted off course
21- Turning a vague idea into something buildable
22 
23## When NOT to use
24 
25- The user is asking a one-off design question (use `design-standards`)
26- The user wants a PRD or dev ticket (use `pm-spec-writing`)
27- The user is doing initial research and has not decided what they are building (use `brand-discovery` first)
28- The user just wants you to write copy (use `content-and-copy`)
29- The user already has scope and constraints settled and needs deeper aesthetic direction specifically (use `creative-direction` for the structured aesthetic axes)
30 
31---
32 
33## Required inputs
34 
35A brief needs answers to ten questions. Before writing, confirm you have answers (or can elicit them) for:
36 
371. What is the project?
382. Why does it exist? What problem does it solve?
393. Who is the audience?
404. What do you want them to do, feel, or know?
415. What is the personality? How does it sound?
426. What is the visual direction? How does it look?
437. What is in scope? What is out?
448. What are the constraints (time, budget, technical, brand)?
459. What does success look like?
4610. Who approves?
47 
48If you have fewer than five of these, run a quick intake first. See "Eliciting missing info" below.
49 
50---
51 
52## The framework: brief structure
53 
54Output a markdown brief with these ten sections. Keep each section tight. A good brief is two pages, not ten.
55 
56### 1. Snapshot
57One paragraph answering: what, who, why, when. The kind of thing you would say at a kickoff in thirty seconds.
58 
59### 2. Audience
60Primary audience first. Include who they are, what they are trying to do, what is blocking them today, and where you reach them. Add secondary audiences only if they materially change the work.
61 
62### 3. Objectives
63What success looks like. Pair every objective with a measurable signal.
64 
65> Objective: drive trial signups.
66> Signal: 3 percent conversion from homepage to signup within 30 days of launch.
67 
68### 4. Key message
69The one thing you want a visitor to walk away knowing. If they see only the homepage hero and bounce, what should they remember? One sentence.
70 
71### 5. Voice and tone
72Pick three to five adjectives. Pair each with what you are NOT (e.g. "confident, not arrogant"). See [`references/voice-and-tone-guide.md`](references/voice-and-tone-guide.md) for frameworks and worked examples.
73 
74### 6. Visual direction
75Mood, palette, type, and imagery direction. Three to five reference URLs are worth more than 500 words. Note what you like AND what you would reject.
76 
77### 7. Scope and deliverables
78A bulleted list of what is being made. Be specific. "Homepage" is not a deliverable. "Homepage with hero, three feature blocks, testimonial carousel, and contact CTA" is.
79 
80### 8. Constraints
81Time. Budget. Technical (existing stack, required integrations, hosting). Brand (logo, colors, fonts that must be used). Legal (compliance, accessibility level required).
82 
83### 9. Inspiration and competitors
84Three to five sites or brands you want to feel like, three to five you want to feel different from. Note WHY for each.
85 
86### 10. Approval
87Who signs off. What artifact triggers sign-off (a Figma file, a staging URL, a PDF). What happens if there is no sign-off by a deadline.
88 
89---
90 
91## Eliciting missing info
92 
93If the user comes with a partial answer (e.g., "I want a website for my coffee shop"), do not just write a generic brief. Ask. Use these prompts.
94 
95**For audience**
96- Who is the single most likely person to land on this site? Walk me through their day.
97- If you could pick one type of customer to fill your inbox, who?
98- Who do you NOT want to attract?
99 
100**For objectives**
101- Pretend it is six months after launch. What number tells you it worked?
102- What is the one action you most want a visitor to take?
103 
104**For voice**
105- Pick three brands or people whose tone you would want to borrow.
106- If your site were a person at a dinner party, what would they sound like?
107 
108**For visuals**
109- Show me three sites you love. What do you love about them?
110- Show me one site you hate. Why?
111 
112**For scope**
113- If you only got one page, which one?
114- What would you cut if the budget were halved?
115 
116Do not ask all of these. Pick the ones that fill the actual gaps.
117 
118---
119 
120## Workflow
121 
1221. **Read the conversation.** Pull every fact already given. Do not ask questions you can answer from context.
1232. **Identify gaps.** Which of the ten required inputs are missing or thin?
1243. **Run intake.** Ask three to five targeted questions to fill the gaps. Group related questions to keep the conversation tight.
1254. **Draft the brief.** Use [`references/creative-brief-template.md`](references/creative-brief-template.md) as the structure. Keep it under 1500 words.
1265. **Stress-test.** Before delivering, check the brief against the failure patterns below. If any apply, revise before showing the user.
1276. **Deliver.** Save as `creative-brief.md` in the project root. Offer to make it a Word doc or PDF if the user wants something to share with stakeholders.
1287. **Hand off for aesthetic depth (optional).** For projects where sections 5 (voice and tone) and 6 (visual direction) need more rigor than this brief surfaces, run `creative-direction` next. It produces a structured aesthetic brief using four directional axes (tone register, aesthetic philosophy, audience relationship, sensory ambition) that content, copy, and art-direction skills consume directly.
129 
130---
131 
132## Failure patterns
133 
134When the user's input matches one of these patterns, push back before writing.
135 
136- **"We want to be the [giant brand] of [our niche]."** Ask what specifically about that brand they want to borrow. Probably one or two things, not the whole thing.
137- **Audience as "men and women 18-65."** This is not an audience. Ask for the single most valuable customer type and start there.
138- **"Increase awareness" with no metric.** Awareness of what, by whom, measured how? Push for a number.
139- **"Modern, clean, minimalist."** These words are meaningless. Ask for three specific URLs they think look right.
140- **Twenty pages of context, no clear ask.** Ask: "If a designer reads only one paragraph, what should it be?" Then make that the snapshot.
141 
142---
143 
144## Output format
145 
146Default output is a markdown file at `creative-brief.md` in the project root. Structure follows the template exactly.
147 
148If the project is large, split: keep the main brief under 1500 words and put detail in linked appendices (`audience-research.md`, `brand-guidelines.md`, etc.). Briefs that try to be everything end up read by no one.
149 
150---
151 
152## Reference files
153 
154- [`references/creative-brief-template.md`](references/creative-brief-template.md) - Fillable template. Copy and use as the starting point.
155- [`references/voice-and-tone-guide.md`](references/voice-and-tone-guide.md) - Voice frameworks, brand archetypes, and worked patterns.
156- [`references/example-brief.md`](references/example-brief.md) - A worked example for a fictional B2B SaaS, showing what a "good" filled brief looks like.
157 
158Read the template before drafting. Read the voice guide if the user has not already specified a voice. Read the example if you are unsure how filled-out a section should be.
159 

Discussion