# Art Director

AI art direction system.

- Repository: https://github.com/vibeeval/vibecosystem (541 stars)
- Category: AI and agents
- License: MIT
- Last updated: 2026-08-08
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add vibeeval/vibecosystem --skill art-director -g -a claude-code -y`
Codex: `npx skills add vibeeval/vibecosystem --skill art-director -g -a codex -y`
Cursor: `npx skills add vibeeval/vibecosystem --skill art-director -g -a cursor -y`
Gemini CLI: `npx skills add vibeeval/vibecosystem --skill art-director -g -a gemini-cli -y`

## Description

AI art direction system. Claude directs image generation models (Gemini, DALL-E, Flux) via structured prompts. Generate banners, diagrams, logos, screenshots, and social media visuals without leaving the terminal.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Art Director

Claude can't generate images directly, but it can **direct** image generation models with expert-level prompts. This skill turns Claude into a creative director.

## Supported Backends

| Backend | Via | Best For |
|---------|-----|----------|
| Gemini 3.1 Flash Image | AI Gateway | General purpose, fast, cheap |
| DALL-E 3 | OpenAI API | Photorealistic, detailed |
| Flux 2 | Replicate/fal.ai | Artistic, stylized |
| Stable Diffusion | Local/API | Full control, custom models |

## The 5-Component Prompt Formula

Every image prompt follows this structure:

```
[SUBJECT] + [STYLE] + [COMPOSITION] + [LIGHTING] + [TECHNICAL]
```

### 1. Subject (What)
```
"A minimalist developer dashboard showing code metrics"
"An isometric illustration of microservices architecture"
"A cyberpunk cityscape representing a deployment pipeline"
```

### 2. Style (How it looks)
```
Styles: flat design, isometric, pixel art, watercolor,
        technical diagram, infographic, comic book,
        photorealistic, low-poly 3D, line art, blueprint
```

### 3. Composition (Layout)
```
"centered hero composition with negative space"
"rule of thirds with focal point bottom-left"
"symmetric grid layout with 4 quadrants"
"panoramic wide-angle view"
```

### 4. Lighting (Mood)
```
"soft diffused lighting, professional studio"
"dramatic rim lighting, dark background"
"warm golden hour, natural outdoor"
"neon glow, cyberpunk atmosphere"
"flat even lighting, clean minimal"
```

### 5. Technical (Specs)
```
"16:9 aspect ratio, 1920x1080, PNG"
"1:1 square, 1024x1024, social media optimized"
"4:3 presentation slide format"
"banner format 1200x630 for Open Graph"
```

## Use Cases

The rest: https://github.com/vibeeval/vibecosystem/blob/HEAD/skills/art-director/SKILL.md