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

creative-direction

rampstackco
업데이트됨 2 days ago
7 조회
239
27
239
GitHub에서 보기
기타wordaidesign

정보

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

빠른 설치

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-direction

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

문서

Creative Direction

Frameworks produce competent output. Coherent output requires a brief.

This skill turns vague creative intent into a structured brief that downstream skills can reference. It does not generate taste. It captures direction, so the dozens of small decisions a project requires (word choice, image selection, white space, sequencing, what to leave out) all answer to the same question.


Worked examples for each axis position can be assembled from any reference brand library that documents tone, aesthetic, audience relationship, and sensory ambition consistently. The framework below describes the four axes; the user's own reference set positions each example along the axes during the brief workflow.


When to use

  • The start of a multi-touchpoint project (website, brand, campaign, product launch) where aesthetic coherence matters
  • Before running multiple downstream skills that need to share a unified voice and look
  • When inheriting a project that has competent execution but feels generic or incoherent
  • Recalibrating an existing project that has drifted aesthetically over time
  • When the user is a non-curator who knows what feeling they want but cannot articulate the decisions that produce it

When NOT to use

  • Use creative-brief instead when the user needs a general kickoff brief covering scope, audience, deliverables, and constraints. This skill goes deeper on aesthetic axes specifically, not on the operational layer.
  • Use art-direction instead when briefing a specific creative deliverable (photo shoot, illustration set, video, campaign). This skill produces project-wide aesthetic direction; art-direction extends that direction into specific creative work.
  • Tactical single-piece work (one tweet, one error message, one button label)
  • Projects where the user has complete aesthetic direction documented already (skip to downstream skills)
  • Purely functional output (data tables, form labels, system status text)
  • Production-stage execution where direction is already locked
  • When the goal is to develop taste; this skill codifies intent, it does not develop judgment

Required inputs

  • Project name and one-paragraph description
  • Target audience (rough is fine; full audience profiles come from brand-discovery)
  • Business goal (what changes if this project works)
  • Optional but high-value: 2 to 4 reference URLs (sites, brands, or pieces) the user admires, with a sentence on what specifically resonates
  • Optional: existing brand assets if the project is a refresh, not greenfield
  • Constraints worth declaring (parent brand voice, regulatory tone requirements, accessibility floors)

The framework: 4 directional axes

A creative brief sits at the intersection of four axes. Each axis is a spectrum, not a binary. The user picks a position on each, knowing that the choice excludes adjacent positions for this project.

1. Tone Register

How formal is the work? How much heat does the language carry?

Positions:

  • Professional. Measured, precise, low-register. Trusts the reader to do work. Restraint is the signal.
  • Conversational. Warmer, more personal, comfortable with first-person and contractions. Reads like a thoughtful person talking.
  • Playful. Wit, surprise, willingness to break form for effect. Risks the reader missing the point if not earned.
  • Provocative. Pointed, opinionated, willing to take a position other brands will not. Risks alienating people who do not share the position.

How to choose: What does the audience already get too much of, and what too little? If the category is dry, conversational or playful is differentiation. If the category is loud, professional restraint is differentiation.

2. Aesthetic Philosophy

How much visual density does the work carry? How much does each element earn its place?

Positions:

  • Editorial Restrained. Generous white space, single definitive image instead of grids, considered typography, low color count. Signals confidence and patience.
  • Polished Standard. Modern SaaS aesthetic. Clean grids, balanced contrast, expected proportions. Signals competence and professionalism.
  • Controlled Maximalist. High visual density where every element is intentional. Loud but engineered. Signals craft and conviction.
  • Expressive Maximalist. Visual abundance, willingness to be loud, willing to clash. Signals energy and ambition. Hardest to execute well.

How to choose: What is the project saying about the brand's relationship to attention? Restrained earns attention by deserving it. Maximalist captures attention by not letting it leave.

3. Audience Relationship

How does the brand position itself relative to the reader?

Positions:

  • Authority. We tell you what is true. Implicit hierarchy, expertise on display, reader is the learner.
  • Peer. We are figuring this out together. Equal footing, shared vocabulary, reader is the co-thinker.
  • Companion. We walk with you. Lower hierarchy than authority, more presence than peer, reader is the protagonist of their own work.
  • Coach. We challenge you. The brand pushes the reader toward something they would not push themselves toward alone, reader is the trainee.

How to choose: What does the audience need most? Audiences who feel lost want authority or coach. Audiences who feel patronized want peer or companion. The wrong choice patronizes or abandons the reader.

4. Sensory Ambition

How much is the work asking of the reader emotionally?

Positions:

  • Functional. Get a job done. Reader gets in, gets the answer, gets out. Aesthetics serve clarity. Most utility tools live here.
  • Considered. Reader notices the craft. Aesthetic choices are visible without being the point. Most premium brands live here.
  • Resonant. Reader feels something specific the brand architected. Aesthetics carry meaning. Hardest to produce. Most editorial and narrative brands aspire here.

How to choose: What does the audience deserve from this experience? Functional respects time. Resonant respects feeling. The wrong choice either wastes attention or fails to deliver utility.


Workflow

  1. Gather inputs. Project name, description, audience, goal, references.
  2. Walk through each axis as a question. One axis at a time. For each, present the positions, surface tradeoffs, and capture the user's selection plus reasoning.
  3. Capture inspiration references. For each provided reference URL, ask what specifically resonates. The answer often clarifies which axis position fits better than abstract description does.
  4. Surface tensions. Some combinations are difficult to execute well. Functional + Provocative is rare since provocation usually requires emotional engagement that pure functional work resists. Authority + Functional often slides into preachy without warming up at least slightly. Flag tensions and ask the user to confirm or reconsider.
  5. Synthesize. Write a one-paragraph synthesis describing what this combination produces in practice.
  6. Output the brief. Markdown format using the structure in references/brief-template.md. The brief becomes a project artifact (typically saved as BRIEF.md at the project root).
  7. Hand off. Reference the brief in any downstream skill that produces aesthetic output. Required reading before landing-page-copy, art-direction, content-and-copy, brand-style-guide, or any other skill where coherence matters.

Failure patterns

  • Using this to develop taste. This skill codifies intent. It does not produce judgment. A user with no taste who runs this still produces incoherent work; the brief just makes the incoherence consistent.
  • Skipping inspiration references. The references calibrate what the axis positions mean in practice. A user picking "Editorial Restrained" without examples often means something different than what an art director means by it.
  • Treating positions as absolute. A project at "Conversational" still has moments of authority and play. Position is the gravitational center, not a fence.
  • Brief drift mid-project. The most common failure. The brief gets written, then ignored. Discipline: every downstream skill checks the brief before producing output. If a skill wants to violate the brief, the violation is a decision the user makes consciously, not an accident.
  • Picking incompatible combinations without flagging. Functional + Provocative is technically valid but very hard. The skill should surface that the combination is rare and ask the user to confirm.
  • Producing a brief no one references. A brief that does not change downstream output is decoration. The test of a good brief is whether the output would be different if a different brief were used.

Output format

Default output is a markdown brief, typically saved as BRIEF.md at the project root.

Structure:

  1. Project header. Name, one-paragraph description, target audience, business goal.
  2. The four axis selections. Each axis with the position selected and a one-sentence rationale.
  3. Synthesis paragraph. What this combination produces in practice. Written in present tense, not aspirational ("This brief produces work that..." not "This brief will help us...").
  4. Inspiration references. The provided URLs with notes on what specifically each one demonstrates.
  5. Rejection list. What this brief explicitly says no to. Often the most useful section. Examples: "No testimonial walls. No stock photography. No exclamation marks."
  6. Open questions. Anything still unresolved that downstream skills will need to know.

The brief is reference material for the project's life, not a one-time deliverable. Update it when the project's direction genuinely changes. Resist the urge to update it when execution is hard; usually that means execute harder, not loosen the brief.


Reference files

GitHub 저장소

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

연관 스킬

information-architecture

기타

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

스킬 보기

creative-brief

기타

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

스킬 보기

brand-discovery

기타

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

스킬 보기

content-strategy

기타

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

스킬 보기