Agent skill

Art Direction

by rampstackco in rampstackco/claude-skills

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

MITAuto-check passedMedia & Creative

Install Art Direction

skills CLI
$ npx skills add rampstackco/claude-skills --skill art-direction -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install rampstackco/claude-skills art-direction --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/rampstackco/claude-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/art-direction .claude/skills/art-direction && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
art-direction
GitHub stars
935
Token cost
~2.4k tokens
SKILL.md length
1,137 words
Files
5 (incl. references)
Skills in repo
103
Repo updated
First seen
Licence
MIT

At a glance

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

  • Works in 5 steps: The story → The look → The execution → …
  • The user wants to brief a photographer
  • SKILL.md covers When to use, When NOT to use, Required inputs and The framework: 5 layers, plus 4 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Art Direction is an agent skill from rampstackco/claude-skills. 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…

Its SKILL.md is about 2.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `README.md`, `references/creative-brief-template.md` and `references/illustration-brief.md`).

It sits in Media & Creative, covering Brand strategy and identity. The repository describes itself as: Stack-agnostic Claude Skills covering the full website lifecycle: brand, design, content, SEO, dev, ops, growth, and research. Build, ship, audit, optimize. The licence is MIT.

When your agent uses it

  • The user wants to brief a photographer
  • Direct illustrators
  • Plan a creative campaign
  • Develop visual concepts

Example prompts

  • “/art-direction”

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. The story
  2. The look
  3. The execution
  4. The variants
  5. The standards

What it can do on your machine

Read from SKILL.md and the folder at commit 482c9bf. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Art Direction loads about 2.4k tokens when it runs, and up to ~7.5k if it reads all its reference files. Until then it costs about 180 tokens; SKILL.md has 1,137 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~180
When it runs · the whole SKILL.md, loaded when a task matches
~2.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~7.5k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from rampstackco/claude-skills at commit 482c9bf, republished under its MIT licence (© rampstackco). 1,137 words, ~2,403 tokens.

Download SKILL.mdSave it as .claude/skills/art-direction/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.
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.
Show full SKILL.md (445 more words)Show less
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

© rampstackco, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 4 other files (references) in skills/art-direction of rampstackco/claude-skills.

  • SKILL.md
  • README.md
  • references/creative-brief-template.md
  • references/illustration-brief.md
  • references/photo-shoot-brief.md

Open the folder on GitHubat commit 482c9bf

Compare with similar skills

Art Direction next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Art Direction compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Art Direction this skillrampstackco/claude-skills935—~2.4kAutomated safety check: PassMIT
Brand and Design Toolkitnextlevelbuilder/ui-ux-pro-max-skill134k1 repos~3.5kAutomated safety check: PassMIT
Anthropic Brand Stylinganthropics/skills180k29 repos~559Automated safety check: PassApache-2.0
Brand Design Skillziguishian/brand-design-skill151—~4.4kAutomated safety check: PassNone
Design Masterminhnv0807/ai-business-skills608—~4.6kAutomated safety check: PassMIT
Brand Setuphassancs91/claude-youtube-editor322—~2.3kAutomated safety check: PassMIT

Similar skills

  • Brand and Design Toolkit

    nextlevelbuilder/ui-ux-pro-max-skill

    Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.

    134k GitHub starsUsed in 1 repo~3.5k tokens
    Media & CreativeAuto-check passed
  • Anthropic Brand Styling

    anthropics/skills

    Official

    Applies Anthropic's brand colors and fonts to artifacts such as PowerPoint slides, using fixed hex values for text and accents, Poppins headings and Lora body text.

    180k GitHub starsUsed in 29 repos~559 tokens
    Media & CreativeAuto-check passed
  • Brand Design Skill

    ziguishian/brand-design-skill

    Drive a strict conversational, image-first and image-final brand identity design process.

    151 GitHub stars~4.4k tokensUpdated 3 mo ago
    Media & CreativeAuto-check passed
  • Design Master

    minhnv0807/ai-business-skills

    Handles eight kinds of marketing visual requests, from logos and campaign key visuals to infographics and quote graphics, by generating images or writing paste-ready prompts.

    608 GitHub stars~4.6k tokensUpdated 25 days ago
    Media & CreativeAuto-check passed
  • Brand Setup

    hassancs91/claude-youtube-editor

    Makes this repo's videos look like YOUR channel instead of the house default — interviews you for palette, fonts, wordmark, motion energy, delivery specs and SFX taste, then rewrites brand.md +…

    322 GitHub stars~2.3k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed
  • Brand Designer

    magnus919/hermes-profiles

    Create comprehensive brand identity documentation for any brand.

    278 GitHub stars~2.3k tokensUpdated 3 mo ago
    Media & CreativeAuto-check passed

More from rampstackco/claude-skills

All 103 skills in this repo
  • After Action Report

    rampstackco/claude-skills

    Run 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.

    935 GitHub starsUsed in 1 repo~2.5k tokens
    Auto-check passed
  • Analytics Strategy

    rampstackco/claude-skills

    Design measurement frameworks including event taxonomy, KPI hierarchy, dashboard architecture, attribution models, and analytics implementation strategy.

    935 GitHub starsUsed in 1 repo~2.4k tokens
    Auto-check passed
  • Brand Style Guide

    rampstackco/claude-skills

    Build or audit a comprehensive brand style guide that documents the full brand system including story, logo system, color, typography, imagery, voice, applications, and dos/don'ts.

    935 GitHub stars~2.1k tokensUpdated today
    Auto-check passed
  • Brand Voice

    rampstackco/claude-skills

    Develop or document a complete brand voice and tone system covering voice attributes, tone shifts by context, vocabulary preferences, grammar rules, and copy examples.

    935 GitHub stars~2.2k tokensUpdated today
    Auto-check passed
  • Content And Copy

    rampstackco/claude-skills

    Write or edit website copy, blog content, and editorial pieces with attention to voice, structure, and goal.

    935 GitHub stars~2.1k tokensUpdated today
    Auto-check passed
  • Content Strategy

    rampstackco/claude-skills

    Develop a content strategy covering editorial positioning, content pillars, formats, calendar, governance, and topical authority planning.

    935 GitHub stars~2.6k tokensUpdated today
    Auto-check passed

Questions about Art Direction

What does Art Direction do?

Direct visual and creative work for campaigns, photography, illustration, video, and branded experiences. Art Direction is an agent skill from rampstackco/claude-skills. Direct visual and creative work for campaigns, photography, illustration, video, and branded experiences.

When should I use Art Direction?

Art Direction fits situations like: the user wants to brief a photographer; direct illustrators; plan a creative campaign; develop visual concepts.

How do I install Art Direction in Claude Code?

Run `npx skills add rampstackco/claude-skills --skill art-direction -a claude-code`. Or copy the skill folder (skills/art-direction in rampstackco/claude-skills) into .claude/skills/art-direction in your project. Claude Code loads it when a task matches its description.

How do I install Art Direction in Codex?

Run `npx skills add rampstackco/claude-skills --skill art-direction -a codex`. Or copy the skill folder (skills/art-direction in rampstackco/claude-skills) into .agents/skills/art-direction in your project. Codex loads it when a task matches its description.

Can I use Art Direction in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add rampstackco/claude-skills --skill art-direction -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/art-direction, .gemini/skills/art-direction, .github/skills/art-direction and .opencode/skills/art-direction in your project.

What does Art Direction need to run?

SKILL.md names no scripts, command-line tools or credentials: Art Direction is instructions for the agent only.

Does Art Direction access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Art Direction safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Art Direction use?

Art Direction is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Art Direction use?

About 2.4k tokens (SKILL.md is roughly 9.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 5.1k tokens, read only when the agent opens those files.

What are the alternatives to Art Direction?

Skills that share tags, products or a category with Art Direction: Brand and Design Toolkit (nextlevelbuilder/ui-ux-pro-max-skill, 134k stars), Anthropic Brand Styling (anthropics/skills, 180k stars), Brand Design Skill (ziguishian/brand-design-skill, 151 stars) and Design Master (minhnv0807/ai-business-skills, 608 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Art Direction?

rampstackco (a GitHub organization) maintains it in rampstackco/claude-skills, which has 935 GitHub stars. The repository holds 103 skills in this directory. The repository was last updated on October 7, 2026.

Source: rampstackco/claude-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.