art-direction — Claude Code skill: briefs for shoots and campaigns
Turns a creative ask into a brief for a photographer, illustrator or videographer, and scores finished work against the brand.
npx skills add rampstackco/claude-skills --skill art-direction -a claude-codeWhat art-direction does
The skill lays a creative task out in five layers: story, look, execution, variants and standards. Photography direction covers subject, composition, lighting, palette, locations and props. Illustration covers style, line treatment, colour use and detail level. Video and motion cover pacing, camera movement, colour grading and audio.
Two brief templates ship with it, one for photo shoots and one for illustration sets; motion has no template, so reference counts there come from the framework itself. Both templates put licensing and usage rights in pre-production, since renegotiating them against finished work costs more. Required inputs are the deliverable, an approved brand identity, the audience, the goal, budget, timeline and where the work will run.
It assumes brand-identity is done. Art direction applies and extends an identity rather than defining one. For the project-wide aesthetic brief that this skill consumes as input, use creative-direction instead. Vague direction like "modern, clean, minimal" gets pushed back on: the skill wants named references and an explicit list of what to avoid.
What it helps with
- write a photo brief with composition, lighting and props
- set style and detail level for an illustration set
- plan one creative across web, social and print sizes
- check a delivered asset against the brief and the brand
- lock licensing and usage rights before the shoot
Example prompts for the agent
- write a photo brief for the new campaign
- evaluate these illustrations for brand fit and brief fit
- map the hero visual to 1:1, 9:16 and an email banner
How to install art-direction
1Skills CLI (Vercel)
npx skills add rampstackco/claude-skills --skill art-direction -a claude-code2Manually: put the files in place
~/.claude/skills/art-direction/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/art-direction/
1Skills CLI (Vercel)
npx skills add rampstackco/claude-skills --skill art-direction -a codex2Manually: put the files in place
.agents/skills/art-direction/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add rampstackco/claude-skills --skill art-direction -a cursor2Manually: put the files in place
.cursor/skills/art-direction/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install rampstackco/claude-skills art-direction2Manually: put the files in place
.github/skills/art-direction/SKILL.md1Skills CLI (Vercel)
npx skills add rampstackco/claude-skills --skill art-direction -a gemini-cli2Platform CLI
gemini skills install https://github.com/rampstackco/claude-skills --path skills/art-directionManually: put the files in place
.devin/skills/art-direction/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add rampstackco/claude-skills --skill art-direction -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about art-direction
How do I install art-direction in Claude?
Run npx skills add rampstackco/claude-skills --skill art-direction -a claude-code. The skill lands in ~/.claude/skills/art-direction/SKILL.md.
What does art-direction do?
It writes creative briefs for photography, illustration, video and campaigns, and reviews finished creative for brand and goal fit.
How is art-direction different from creative-direction?
art-direction briefs specific creative deliverables and takes the project-wide aesthetic brief as input. creative-direction is what produces that brief.
Source text
SKILL.md · MIT
--- name: art-direction description: "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." category: design catalog_summary: "Photography, illustration, and visual direction for campaigns" display_order: 3 --- # 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`](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. 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 - [`references/creative-brief-template.md`](references/creative-brief-template.md) - Generic art direction brief template covering any production type (photo, illustration, video, animation, mixed). - [`references/photo-shoot-brief.md`](references/photo-shoot-brief.md) - Detailed brief template for photography commissions. - [`references/illustration-brief.md`](references/illustration-brief.md) - Brief template for illustration commissions.
© rampstackco · MIT · rampstackco/claude-skills