关于
This skill directs the execution of specific visual deliverables like photography, illustration, and video based on an approved brand identity. It triggers when users need to brief creatives, develop campaign concepts, or evaluate creative work for fit. Use it to extend high-level brand aesthetics into concrete assets, while the `creative-direction` skill handles the project-wide aesthetic brief.
快速安装
Claude Code
推荐npx skills add rampstackco/claude-skills -a claude-code/plugin add https://github.com/rampstackco/claude-skillsgit clone https://github.com/rampstackco/claude-skills.git ~/.claude/skills/art-direction在 Claude Code 中复制并粘贴此命令以安装该技能
技能文档
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-directioninstead). This skill briefs specific creative deliverables;creative-directionproduces 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-copyorlanding-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
- Confirm the inputs. Brand identity locked. Audience and goal clear. Budget and timeline known.
- Develop the concept. Premise, emotional through-line, takeaway.
- Build the look. Mood references. Specific direction on style elements.
- 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.
- Brief the vendor. In writing. Walk through it live. Allow questions.
- Review milestones. Treatment review, halfway review, final review. Don't skip the early reviews; corrections compound.
- Approve and document. What was produced, and confirmation that it shipped under the licensing agreed at step 4.
For directing in-house creative
- Same brief, lighter format. In-house direction can be more iterative. Still document the brief.
- Co-create. In-house teams know the brand. Use their judgment. Don't over-direct.
- Establish review rhythm. Daily check-ins for fast work, weekly for longer projects.
For evaluating existing creative
- Score against the brief. Did the work hit the brief? Where did it deviate?
- Score against the brand. Does this look like the brand? Could this be confused with a competitor?
- Score against the goal. Will this drive the intended outcome?
- 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:
- The story (premise, through-line, role of brand, takeaway)
- The look (visual treatment with references)
- The execution (specs, variants, constraints)
- The standards (quality bar, examples of acceptable and unacceptable)
- 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- Generic art direction brief template covering any production type (photo, illustration, video, animation, mixed).references/photo-shoot-brief.md- Detailed brief template for photography commissions.references/illustration-brief.md- Brief template for illustration commissions.
GitHub 仓库
常见问题
什么是 art-direction Skill?
art-direction 是一个 Claude Skill,作者为 rampstackco。Skill 将 Claude 按需加载的说明和资源打包,让 Claude 无需额外提示即可执行与 art-direction 相关的任务。
如何安装 art-direction?
使用本页的安装命令:将 art-direction 作为插件添加到 Claude Code,或将其仓库克隆到 skills 目录,然后重启 Claude 以加载该 Skill。
art-direction 属于哪个分类?
art-direction 属于元分类。
art-direction 可以免费使用吗?
可以。art-direction 已收录在 AIMCP,可免费安装。
相关推荐技能
Content Collections 是一个 TypeScript 优先的构建工具,可将本地 Markdown/MDX 文件转换为类型安全的数据集合。它专为构建博客、文档站和内容密集型 Vite+React 应用而设计,提供基于 Zod 的自动模式验证。该工具涵盖从 Vite 插件配置、MDX 编译到生产环境部署的完整工作流。
这个Claude Skill为开发者提供完整的Polymarket预测市场开发支持,涵盖API调用、交易执行和市场数据分析。关键特性包括实时WebSocket数据流,可监控实时交易、订单和市场动态。开发者可用它构建预测市场应用、实施交易策略并集成实时市场预测功能。
该Skill帮助开发者创建OpenCode插件,用于接入命令、文件、LSP等25+种事件。它提供了插件结构、事件API规范和JavaScript/TypeScript实现模式,适合需要拦截操作、扩展功能或自定义事件处理的场景。开发者可通过它快速构建响应式模块来增强OpenCode AI助手的能力。
SGLang是一个专为LLM设计的高性能推理框架,特别适用于需要结构化输出的场景。它通过RadixAttention前缀缓存技术,在处理JSON、正则表达式、工具调用等具有重复前缀的复杂工作流时,能实现极速生成。如果你正在构建智能体或多轮对话系统,并追求远超vLLM的推理性能,SGLang是理想选择。
