MCP HubMCP Hub
스킬 목록으로 돌아가기

creative-brief

rampstackco
업데이트됨 Yesterday
2 조회
239
27
239
GitHub에서 보기
기타aidesign

정보

이 스킬은 개발자들이 모호한 프로젝트 아이디어를 디자인 또는 개발 작업을 위한 구체적이고 실행 가능한 계획으로 전환하는 구조화된 크리에이티브 브리프를 작성하도록 돕습니다. 새로운 프로젝트 시작, 팀 정렬, 이해관계자 브리핑 시 트리거되어 실행 전 명확한 방향성을 확보합니다. 프로젝트 범위 설정, 요구사항 정의, 구축을 위한 공통 기반 마련에 활용하세요.

빠른 설치

Claude Code

추천
기본
npx skills add rampstackco/claude-skills -a claude-code
플러그인 명령대체
/plugin add https://github.com/rampstackco/claude-skills
Git 클론대체
git clone https://github.com/rampstackco/claude-skills.git ~/.claude/skills/creative-brief

Claude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요

문서

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.

GitHub 저장소

rampstackco/claude-skills
경로: skills/creative-brief
0
agent-skillsai-agentsanthropicclaudeclaude-aiclaude-code

연관 스킬

information-architecture

기타

이 스킬은 개발자가 사이트맵, 내비게이션, URL 체계, 콘텐츠 분류 체계를 포함한 웹사이트나 제품의 구조적 기초를 설계하는 데 도움을 줍니다. 이는 특정 기술 스택이 정해지지 않은 상태에서 시스템 수준의 조직 구조를 계획, 검토 또는 재구성할 때 활성화됩니다. 구현을 시작하기 전에 명확한 콘텐츠 프레임워크를 수립하는 데 사용하세요.

스킬 보기

brand-discovery

기타

이 스킬은 포지셔닝을 정의하기 위해 대상 고객의 니즈, 경쟁사, 시장 역학을 분석하는 기초적인 브랜드 전략 연구를 수행합니다. 이는 "대상 고객 연구"나 "경쟁사 분석"과 같은 키워드로 프로젝트 시작 시 트리거되어 필수 입력 요소를 확립합니다. 창의적 실행으로 넘어가기 전에 핵심 문제 영역을 명확히 하는 데 사용하세요.

스킬 보기

creative-direction

기타

이 스킬은 사용자가 네 가지 미학적 축—톤, 철학, 관객 관계, 감각적 야망—을 따라 구조화된 크리에이티브 브리프를 생성하도록 안내합니다. 이는 막연한 개념만 존재할 때 프로젝트의 일관된 시각적 방향을 수립하고, 하류의 디자인 및 콘텐츠 작업이 일치하도록 보장하는 데 사용됩니다. 결과적으로 만들어진 브리프는 이후 모든 미학적 산출 작업에 대한 필수 참조 자료 역할을 합니다.

스킬 보기

content-strategy

기타

콘텐츠 전략 스킬은 편집 방향성, 콘텐츠 기둥 및 운영 체계를 정의하여 개발자들이 구조화된 콘텐츠 프로그램을 계획할 수 있도록 돕습니다. 이는 콘텐츠 캘린더나 토픽 클러스터를 작성하거나, 콘텐츠를 SEO 및 브랜드 목표와 연계할 때 발동됩니다. 로드맵 없이 시작하기보다 전략적으로 콘텐츠 제작을 계획할 때 활용하세요.

스킬 보기