art-direction

Featured

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.

AI & Automation 843 stars 118 forks Updated 3 days ago MIT

Install

View on GitHub

Quality Score: 98/100

Stars 20%
97
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# 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 framew...

Details

Author
rampstackco
Repository
rampstackco/claude-skills
Created
4 months ago
Last Updated
3 days ago
Language
Python
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Featured

creative-direction

Walk the user through four directional axes (tone register, aesthetic philosophy, audience relationship, sensory ambition) and produce a structured aesthetic brief that downstream content, copy, design, and art-direction skills consume as required input. The aesthetic depth layer, distinct from `creative-brief` (operational kickoff: scope, audience, deliverables, constraints). Use when a project needs aesthetic coherence across many small decisions and the user has only a vague feeling, or when multiple downstream aesthetic-producing skills need a shared brief. Triggers on creative direction, aesthetic direction, set the aesthetic, define the visual direction, what's the vibe, what's the tone, the four axes. Does NOT fire for a general kickoff brief (use `creative-brief`), tactical single-piece work, already-documented direction, purely functional output, or locked production-stage work.

843 Updated 3 days ago
rampstackco
Data & Documents Solid

art-direction

Use on any page build, redesign, or 'make it look better' request on a site that has (or needs) a saved Art Direction. Loads the direction before the first element is written, plans tokens in two passes against the direction's donts and the known AI-default aesthetics, builds with tokens preserved, checks the result with respira_check_design, and mints a live preview. Also the import lane for Claude Design output and other design-system documents.

43 Updated 3 days ago
respira-press
Web & Frontend Listed

art-direction

Design an interface with a visual language of its own instead of assembling one from defaults. Use when building a landing page, product UI, portfolio or marketing site where the look has to be distinctive — and whenever a design risks reading as template-generated. Derives the visual language from the subject, writes ART-DIRECTION.md and DESIGN-TOKENS.md before any code, then audits the built result against them. For products with flows or forms, run ux-direction first.

0 Updated 1 months ago
audient-id4