Art direction

Direct visual and creative work for campaigns, photography, illustration, video, and branded experiences.

Art direction — 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/art-direction.
  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/art-direction#main ~/.claude/skills/art-direction

For one project only, change the path to .claude/skills/art-direction.

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

Show the full text200 lines
namedescriptioncategorycatalog_summarydisplay_order
art-directionDirect 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.designPhotography, illustration, and visual direction for campaigns3

Art Direction

Direct creative work that extends the brand into specific deliverables. Photography, illustration, video, motion, campaigns, environmental design.

This skill assumes brand identity is approved (brand-identity complete). Art direction is about applying and extending it, not defining it.


When to use

  • Briefing photographers, illustrators, videographers
  • Developing campaign creative concepts
  • Directing in-house creative teams
  • Writing creative direction documents for vendors
  • Evaluating creative deliverables for brand fit
  • Adapting brand visual identity to a new format or context

When NOT to use

  • Setting project-wide aesthetic direction across multiple downstream skills (use creative-direction instead). This skill briefs specific creative deliverables; creative-direction produces the structured aesthetic brief that this skill consumes.
  • Defining brand visual identity from scratch (use brand-identity)
  • Day-to-day component design (use design-standards)
  • Writing copy for creative work (use content-and-copy or landing-page-copy)
  • Building a design system (use design-system)

Required inputs

  • The deliverable (photo shoot, illustration set, video, campaign)
  • The brand identity (visual system, voice, imagery direction)
  • The audience for this specific work
  • The goal (brand awareness, conversion, education, emotional connection)
  • Budget and timeline
  • Distribution context (where it will be seen)

The framework: 5 layers

A creative brief covers five layers. Each must be clear before the brief leaves your hands.

1. The story

What this creative work is fundamentally about.

  • The premise. The core idea in one sentence.
  • The emotional through-line. What the audience feels.
  • The role of the brand. How the brand shows up in the story.
  • The takeaway. What the audience walks away with.

A weak premise produces work that's pretty but says nothing. Spend time here.

2. The look

The visual treatment.

For photography:

  • Subject and composition (close-up, environmental, candid, posed)
  • Lighting (natural, studio, dramatic, soft)
  • Color palette (true color, treated, monochrome)
  • Locations (specific or general direction)
  • Wardrobe and props
  • Mood references (the photo brief template sets how many)

For illustration:

  • Style (flat, dimensional, hand-drawn, geometric, abstract)
  • Color use (full palette, restricted, brand-only)
  • Line treatment
  • Composition style
  • Detail level
  • Reference artists or works, with explicit "we want like X but NOT like Y" (the illustration brief template sets how many)

For video / motion:

  • Pacing (slow, medium, fast cuts)
  • Camera movement (static, handheld, sweeping)
  • Color grading
  • Transitions and effects
  • Audio direction (music, voiceover, ambient)
  • Reference work (3 to 5 examples; no template covers motion, so this count is the one to use)
3. The execution

Production-level direction.

Specifications:

  • Deliverable formats and sizes (web hero, social square, print full-page)
  • Required shots or frames
  • Optional shots if budget allows
  • Wardrobe and prop list (for live action)
  • Color and asset specs (RGB, CMYK, hex codes for matching)

Constraints:

  • Things to avoid (specific cliches, forbidden treatments, regulatory)
  • Brand-system requirements (logo placement, color use, type rules)
4. The variants

How this creative scales across distribution.

Most creative needs to live in multiple places. Plan the variants up front.

Common variant set for a campaign:

  • Hero web image (16:9 or wider)
  • Mobile web hero (4:5 or 1:1)
  • Social square (1:1)
  • Social vertical (9:16)
  • Email banner (3:1 typical)
  • Display ad sizes (300x250, 728x90, etc.)
  • Print sizes if applicable

For each variant, note: how the composition adapts, what gets cropped or repositioned, what assets are required.

5. The standards

The quality bar.

Technical:

  • Resolution and format requirements
  • Color profile
  • File naming conventions
  • Delivery format (raw + edited, layered files, exported variants)

Creative:

  • What "approved" looks like (specific examples of acceptable work)
  • What "not approved" looks like (specific examples to avoid)
  • Number of revision rounds budgeted

Workflow

For briefing external creative
  1. Confirm the inputs. Brand identity locked. Audience and goal clear. Budget and timeline known.
  2. Develop the concept. Premise, emotional through-line, takeaway.
  3. Build the look. Mood references. Specific direction on style elements.
  4. Write the spec. Production-level direction. Variants. Constraints. Licensing and usage rights, agreed before the shoot or the first sketch, not after: both brief templates make licensing a pre-production section for the reason that renegotiating it against finished work costs more.
  5. Brief the vendor. In writing. Walk through it live. Allow questions.
  6. Review milestones. Treatment review, halfway review, final review. Don't skip the early reviews; corrections compound.
  7. Approve and document. What was produced, and confirmation that it shipped under the licensing agreed at step 4.
For directing in-house creative
  1. Same brief, lighter format. In-house direction can be more iterative. Still document the brief.
  2. Co-create. In-house teams know the brand. Use their judgment. Don't over-direct.
  3. Establish review rhythm. Daily check-ins for fast work, weekly for longer projects.
For evaluating existing creative
  1. Score against the brief. Did the work hit the brief? Where did it deviate?
  2. Score against the brand. Does this look like the brand? Could this be confused with a competitor?
  3. Score against the goal. Will this drive the intended outcome?
  4. Identify fixes. What can be improved? What's a deal-breaker vs. acceptable?

Failure patterns

  • "Modern, clean, minimal" briefs. Means nothing. Force specificity. Use specific reference brands, named artists, or visual examples.
  • No "what to avoid" direction. Vendors interpret broadly. Tell them what's out of bounds explicitly.
  • Reference imagery that's actually competitor work. You'll get something that looks like the competitor. Never use direct competitors as references.
  • Skipping early reviews. Every revision late in the process is 5x more expensive than catching issues at treatment stage.
  • Too many cooks. 6 stakeholders all giving creative feedback produces incoherent work. Concentrate creative authority.
  • Ignoring distribution. Creative that doesn't work in the actual contexts where it will live is failed creative.
  • No variant planning. Discovering at delivery that you need a square crop and the photographer composed for 16:9 only.
  • Approving creative that's "fine." Fine is the enemy of distinctive. If it doesn't move you, it won't move the audience.

Output format

Default output is a creative brief at creative-brief-[project].md, written against one of the brief templates in references/. The template you pick is the structure: use references/photo-shoot-brief.md for photography, references/illustration-brief.md for illustration, and references/creative-brief-template.md for anything else or for a mixed production. Each template owns its own section list, section order, and reference-image count. Do not write to the five-layer outline below and hope it maps; the templates carry sections the layers do not, licensing and usage rights among them, and those sections are load-bearing before production starts, not after it.

The five layers are the thinking. Every template covers all five, in its own order:

  1. The story (premise, through-line, role of brand, takeaway)
  2. The look (visual treatment with references)
  3. The execution (specs, variants, constraints)
  4. The standards (quality bar, examples of acceptable and unacceptable)
  5. The logistics (timeline, milestones, budget, deliverables, licensing and usage rights)

Plus a separate moodboard or visual reference doc with images, at the count the chosen template gives.


Reference files

1---
2name: art-direction
3description: "Direct 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."
4category: design
5catalog_summary: "Photography, illustration, and visual direction for campaigns"
6display_order: 3
7---
8 
9# Art Direction
10 
11Direct creative work that extends the brand into specific deliverables. Photography, illustration, video, motion, campaigns, environmental design.
12 
13This skill assumes brand identity is approved (`brand-identity` complete). Art direction is about applying and extending it, not defining it.
14 
15---
16 
17## When to use
18 
19- Briefing photographers, illustrators, videographers
20- Developing campaign creative concepts
21- Directing in-house creative teams
22- Writing creative direction documents for vendors
23- Evaluating creative deliverables for brand fit
24- Adapting brand visual identity to a new format or context
25 
26## When NOT to use
27 
28- Setting project-wide aesthetic direction across multiple downstream skills (use `creative-direction` instead). This skill briefs specific creative deliverables; `creative-direction` produces the structured aesthetic brief that this skill consumes.
29- Defining brand visual identity from scratch (use `brand-identity`)
30- Day-to-day component design (use `design-standards`)
31- Writing copy for creative work (use `content-and-copy` or `landing-page-copy`)
32- Building a design system (use `design-system`)
33 
34---
35 
36## Required inputs
37 
38- The deliverable (photo shoot, illustration set, video, campaign)
39- The brand identity (visual system, voice, imagery direction)
40- The audience for this specific work
41- The goal (brand awareness, conversion, education, emotional connection)
42- Budget and timeline
43- Distribution context (where it will be seen)
44 
45---
46 
47## The framework: 5 layers
48 
49A creative brief covers five layers. Each must be clear before the brief leaves your hands.
50 
51### 1. The story
52 
53What this creative work is fundamentally about.
54 
55- **The premise.** The core idea in one sentence.
56- **The emotional through-line.** What the audience feels.
57- **The role of the brand.** How the brand shows up in the story.
58- **The takeaway.** What the audience walks away with.
59 
60A weak premise produces work that's pretty but says nothing. Spend time here.
61 
62### 2. The look
63 
64The visual treatment.
65 
66**For photography:**
67- Subject and composition (close-up, environmental, candid, posed)
68- Lighting (natural, studio, dramatic, soft)
69- Color palette (true color, treated, monochrome)
70- Locations (specific or general direction)
71- Wardrobe and props
72- Mood references (the photo brief template sets how many)
73 
74**For illustration:**
75- Style (flat, dimensional, hand-drawn, geometric, abstract)
76- Color use (full palette, restricted, brand-only)
77- Line treatment
78- Composition style
79- Detail level
80- Reference artists or works, with explicit "we want like X but NOT like Y" (the illustration brief template sets how many)
81 
82**For video / motion:**
83- Pacing (slow, medium, fast cuts)
84- Camera movement (static, handheld, sweeping)
85- Color grading
86- Transitions and effects
87- Audio direction (music, voiceover, ambient)
88- Reference work (3 to 5 examples; no template covers motion, so this count is the one to use)
89 
90### 3. The execution
91 
92Production-level direction.
93 
94**Specifications:**
95- Deliverable formats and sizes (web hero, social square, print full-page)
96- Required shots or frames
97- Optional shots if budget allows
98- Wardrobe and prop list (for live action)
99- Color and asset specs (RGB, CMYK, hex codes for matching)
100 
101**Constraints:**
102- Things to avoid (specific cliches, forbidden treatments, regulatory)
103- Brand-system requirements (logo placement, color use, type rules)
104 
105### 4. The variants
106 
107How this creative scales across distribution.
108 
109Most creative needs to live in multiple places. Plan the variants up front.
110 
111**Common variant set for a campaign:**
112- Hero web image (16:9 or wider)
113- Mobile web hero (4:5 or 1:1)
114- Social square (1:1)
115- Social vertical (9:16)
116- Email banner (3:1 typical)
117- Display ad sizes (300x250, 728x90, etc.)
118- Print sizes if applicable
119 
120For each variant, note: how the composition adapts, what gets cropped or repositioned, what assets are required.
121 
122### 5. The standards
123 
124The quality bar.
125 
126**Technical:**
127- Resolution and format requirements
128- Color profile
129- File naming conventions
130- Delivery format (raw + edited, layered files, exported variants)
131 
132**Creative:**
133- What "approved" looks like (specific examples of acceptable work)
134- What "not approved" looks like (specific examples to avoid)
135- Number of revision rounds budgeted
136 
137---
138 
139## Workflow
140 
141### For briefing external creative
142 
1431. **Confirm the inputs.** Brand identity locked. Audience and goal clear. Budget and timeline known.
1442. **Develop the concept.** Premise, emotional through-line, takeaway.
1453. **Build the look.** Mood references. Specific direction on style elements.
1464. **Write the spec.** Production-level direction. Variants. Constraints. Licensing and usage rights, agreed before the shoot or the first sketch, not after: both brief templates make licensing a pre-production section for the reason that renegotiating it against finished work costs more.
1475. **Brief the vendor.** In writing. Walk through it live. Allow questions.
1486. **Review milestones.** Treatment review, halfway review, final review. Don't skip the early reviews; corrections compound.
1497. **Approve and document.** What was produced, and confirmation that it shipped under the licensing agreed at step 4.
150 
151### For directing in-house creative
152 
1531. **Same brief, lighter format.** In-house direction can be more iterative. Still document the brief.
1542. **Co-create.** In-house teams know the brand. Use their judgment. Don't over-direct.
1553. **Establish review rhythm.** Daily check-ins for fast work, weekly for longer projects.
156 
157### For evaluating existing creative
158 
1591. **Score against the brief.** Did the work hit the brief? Where did it deviate?
1602. **Score against the brand.** Does this look like the brand? Could this be confused with a competitor?
1613. **Score against the goal.** Will this drive the intended outcome?
1624. **Identify fixes.** What can be improved? What's a deal-breaker vs. acceptable?
163 
164---
165 
166## Failure patterns
167 
168- **"Modern, clean, minimal" briefs.** Means nothing. Force specificity. Use specific reference brands, named artists, or visual examples.
169- **No "what to avoid" direction.** Vendors interpret broadly. Tell them what's out of bounds explicitly.
170- **Reference imagery that's actually competitor work.** You'll get something that looks like the competitor. Never use direct competitors as references.
171- **Skipping early reviews.** Every revision late in the process is 5x more expensive than catching issues at treatment stage.
172- **Too many cooks.** 6 stakeholders all giving creative feedback produces incoherent work. Concentrate creative authority.
173- **Ignoring distribution.** Creative that doesn't work in the actual contexts where it will live is failed creative.
174- **No variant planning.** Discovering at delivery that you need a square crop and the photographer composed for 16:9 only.
175- **Approving creative that's "fine."** Fine is the enemy of distinctive. If it doesn't move you, it won't move the audience.
176 
177---
178 
179## Output format
180 
181Default output is a creative brief at `creative-brief-[project].md`, written against one of the brief templates in `references/`. The template you pick is the structure: use [`references/photo-shoot-brief.md`](references/photo-shoot-brief.md) for photography, [`references/illustration-brief.md`](references/illustration-brief.md) for illustration, and [`references/creative-brief-template.md`](references/creative-brief-template.md) for anything else or for a mixed production. Each template owns its own section list, section order, and reference-image count. Do not write to the five-layer outline below and hope it maps; the templates carry sections the layers do not, licensing and usage rights among them, and those sections are load-bearing before production starts, not after it.
182 
183The five layers are the thinking. Every template covers all five, in its own order:
184 
1851. The story (premise, through-line, role of brand, takeaway)
1862. The look (visual treatment with references)
1873. The execution (specs, variants, constraints)
1884. The standards (quality bar, examples of acceptable and unacceptable)
1895. The logistics (timeline, milestones, budget, deliverables, licensing and usage rights)
190 
191Plus a separate moodboard or visual reference doc with images, at the count the chosen template gives.
192 
193---
194 
195## Reference files
196 
197- [`references/creative-brief-template.md`](references/creative-brief-template.md) - Generic art direction brief template covering any production type (photo, illustration, video, animation, mixed).
198- [`references/photo-shoot-brief.md`](references/photo-shoot-brief.md) - Detailed brief template for photography commissions.
199- [`references/illustration-brief.md`](references/illustration-brief.md) - Brief template for illustration commissions.
200 

Discussion

Alternatives

Also in Graphics & bannersSee all 106 in Design →