New: Earn 20% as an AgentAlley affiliate. Share your link and earn on every sale you refer. Join now New: Earn 20% as an affiliate. Join now

Create or refine a creative brief that bridges discovery

by rampstackco · MIT license · ★ 901 on GitHub · updated Sep 15

Creative brief cover

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…

---
name: creative-brief
description: "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."
category: strategy-and-discovery
catalog_summary: "Project briefs that align stakeholders before work starts"
display_order: 2
---

# 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

Overview

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

Manual install (npx, ZIP)
Claude Codenpx skills add rampstackco/claude-skills --skill creative-brief -g -a claude-code
Claude Code (manual)mkdir -p ~/.claude/skills && curl -sL https://codeload.github.com/rampstackco/claude-skills/tar.gz/3d4510a94a76 \ | tar -xz -C ~/.claude/skills --strip-components=2 claude-skills-3d4510a94a76/skills/creative-brief
Windows (PowerShell)New-Item -ItemType Directory -Force "$HOME\.claude\skills" | Out-Null; Invoke-WebRequest "https://m.agentalley.io/zip/b67a71dc498423b0e34d/creative-brief.zip" -OutFile "$env:TEMP\creative-brief.zip"; Expand-Archive "$env:TEMP\creative-brief.zip" -DestinationPath "$HOME\.claude\skills" -Force
Claude.ai / desktopDownload the ZIP and upload it under Settings → Capabilities → Skills.
Codex, Cursor, other agentsPoint them at SKILL.md. The other files are plain text.

Connects with Agent Alley MCP · agentalley.io/mcp

Files included

  • SKILL.md8.1 KB
  • references/3 files · 18.5 KB
Read the files here
rampstackco/3d4510a4 files
SKILL.md
Show the full text159 lines

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 
View all files on GitHub →

Details

Updated
Sep 15, 2026
License
MIT
Stars on the repo
★ 901
Checked
Source
rampstackco/claude-skills ↗
Creator
rampstackco · 60 listings
View creator

Made with creative-brief

Creative brief — Showcase grid filtered by Tone equals Provocative and Sensory equals Resonant, showing eight matching brand cards with… (from the rampstackco/claude-skills README)
Creative brief — Showcase grid filtered by Tone equals Provocative and Sensory equals Resonant, showing eight matching brand cards with… (from the rampstackco/claude-skills README)

by rampstackco

Creative brief — Showcase grid with all four axis filters set to Provocative, Editorial Restrained, Coach, and Resonant, showing zero… (from the rampstackco/claude-skills README)
Creative brief — Showcase grid with all four axis filters set to Provocative, Editorial Restrained, Coach, and Resonant, showing zero… (from the rampstackco/claude-skills README)

by rampstackco

Creative brief — RampStack architecture diagram. A central navy hub card shows the RampStack mark with the subtitle 'Stack-agnostic… (from the rampstackco/claude-skills README)
Creative brief — RampStack architecture diagram. A central navy hub card shows the RampStack mark with the subtitle 'Stack-agnostic… (from the rampstackco/claude-skills README)

by rampstackco

Similar skills

See all →
SkillReverse engineer native, managed, Electron/JavaScriptREAmorluto/rea · by morlutoReverse engineer native, managed, Electron/JavaScript, packaged, firmware, and browser targets with REA. Use shipped-artifact or requested runtime evidence to explain features, compare versions, decompile code, or guide a reconstruction. Skip REA for ordinary source-repository architecture analysis.★ 316k GitHub starsSkillBrainstorms ideas into designs before any creative workBrainstorming Ideas Into Designsobra/superpowers · by obraYou MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.★ 290k GitHub starsSkillRequires technical rigor and verificationCode Review Receptionobra/superpowers · by obraUse when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementation★ 290k GitHub starsSkillDiagnosis loop for hard bugs and performance regressionsDiagnosing bugsmattpocock/skills · by mattpocockDiagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports something broken/throwing/failing/slow.★ 267k GitHub starsSkillImplement the result of /to-spec and /to-tickets in codeImplement specmattpocock/skills · by mattpocockImplement the result of /to-spec and /to-tickets in code.★ 267k GitHub starsSkillWriting a PR bodymattpocock/skills · by mattpocockUse when writing a PR body.★ 267k GitHub stars

More from rampstackco

SkillRun a comprehensive WCAG accessibility audit coveringrampstackco/claude-skills · by rampstackcoRun a comprehensive WCAG accessibility audit covering perceivable, operable, understandable, and robust principles. Use this skill whenever the user wants to audit accessibility, review WCAG compliance, fix accessibility issues, prepare for accessibility certification, address an accessibility lawsuit risk, or systematically improve a site's accessibility. Triggers on accessibility audit, WCAG audit, a11y audit, accessibility compliance, ADA compliance, screen reader test, keyboard navigation, accessibility report, fix accessibility, axe scan. Also triggers when accessibility issues have been reported and need systematic remediation.★ 901 GitHub starsSkillOptimize content and site structure for AI-driven searchAEO and GEOrampstackco/claude-skills · by rampstackcoOptimize content and site structure for AI-driven search experiences including AI overviews, large language model citations, generative answer engines, and AI assistants. Use this skill whenever the user wants to optimize for AI search, get cited by language models, appear in AI overviews, build llms.txt, structure content for AI extraction, or future-proof their SEO for the shift from blue links to AI answers. Triggers on AEO, GEO, AI search, AI SEO, AI overview, generative search, LLM optimization, llms.txt, AI citation, ChatGPT search, Perplexity, Gemini, Claude search, AI assistant optimization, answer engine. Also triggers when the user expresses concern about AI eating their organic traffic or wants to understand how to remain visible as search shifts.★ 901 GitHub starsSkillRun a structured after-action review on a launch, incidentAfter action reportrampstackco/claude-skills · by rampstackcoRun a structured after-action review (postmortem, retrospective) on a launch, incident, or completed project to capture timeline, root cause analysis, contributing factors, and actionable lessons. Use this skill whenever the user wants to run a postmortem, retrospective, AAR, or after-action review on any past event. Triggers on after-action report, AAR, postmortem, retrospective, retro, post-incident review, what went well what didn't, lessons learned, blameless postmortem, root cause analysis, RCA, five whys. Also triggers when the user has just shipped something or just resolved an incident and wants to capture learnings.★ 901 GitHub starsSkillDesign measurement frameworks including event taxonomyAnalytics strategyrampstackco/claude-skills · by rampstackcoDesign measurement frameworks including event taxonomy, KPI hierarchy, dashboard architecture, attribution models, and analytics implementation strategy. Use this skill whenever the user wants to plan analytics, design dashboards, build event taxonomies, define KPIs, set up tracking, or audit existing measurement. Triggers on analytics strategy, measurement plan, event taxonomy, tracking plan, KPI framework, dashboard design, north star metric, attribution model, conversion tracking, GA4 setup, Mixpanel setup, analytics audit. Also triggers when the user has data but no clear way to use it, or wants to make decisions but doesn't know what to track.★ 901 GitHub starsSkillDirect visual and creative work for campaigns, photographyArt directionrampstackco/claude-skills · by rampstackcoDirect visual and creative work for campaigns, photography, illustration, video, and branded experiences. Use this skill whenever the user wants to brief a photographer, direct illustrators, plan a creative campaign, develop visual concepts, or evaluate creative work for fit. Triggers on art direction, photo brief, photography brief, illustration brief, campaign concept, creative concept, visual direction, mood board, look and feel, visual treatment, video direction. Also triggers when the user has approved brand identity but needs to extend it into specific creative deliverables. Use `creative-direction` instead when the ask is the project-wide aesthetic brief that this skill consumes as input.★ 901 GitHub starsSkillPlan and run backups, set recovery objectivesBackup and disaster recoveryrampstackco/claude-skills · by rampstackcoPlan and run backups, set recovery objectives, and run disaster recovery drills. Use this skill when defining RPO/RTO targets, designing backup architecture, deciding what to back up and how often, planning for full-region or platform outages, or running a restoration drill. Triggers on backup, restore, RPO, RTO, disaster recovery, DR, business continuity, what if the database is gone, what if our hosting goes down, recovery drill, ransomware planning. Also triggers when an incident reveals a gap in restoration capability.★ 901 GitHub stars