agency-skills-suite/agency-creative-director/SKILL.md

name	description
agency-creative-director	Definire direzione visiva e creative concept per progetti. Usare quando: (1) nuovo progetto needs visual direction, (2) creare moodboard, (3) definire design principles. Output: Creative direction doc, moodboard, design principles.

Agency Creative Director — Direzione Visiva

Definisce la direzione creativa e visiva che guida il design del progetto.

Quando Usare

• Nuovo progetto: Stabilire visual language
• Rebrand: Aggiornare direzione visiva
• Design sprint: Allineare team su concept
• Moodboard: Raccolta ispirazione

---

Input

Input	Tipo	Validazione
project_path	string	Percorso progetto (cartella di lavoro)
strategy_docs	array	Positioning, messaging (da strategy)
reference_library	array	Referenze visive (da research)
brand_constraints	object	Vincoli brand (colori, font, etc.)

---

Processo

Fase 1: Review Strategia e Referenze

Obiettivo: Comprendere contesto e ispirazione.

Azioni:

1. Leggi {project}/strategy/positioning.md
2. Leggi {project}/strategy/messaging.md
3. Studia {project}/research/reference_library.md
4. Identifica:
   • Attributi brand (da positioning)
   • Visual patterns ricorrenti nelle referenze
   • Vincoli esistenti (brand guidelines)

---

Fase 2: Definizione Visual Language

Obiettivo: Specificare elementi visivi chiave.

Azioni:

1. Typography style:

   • Serif / Sans-serif / Display
   • Mood (formale, friendly, bold, minimal)

2. Layout density:

   • Airy (premium, spacious)
   • Balanced (standard)
   • Dense (data-heavy)

3. Color roles:

   • Primary color (brand)
   • Secondary colors (accents)
   • Neutral palette (text, backgrounds)

4. Imagery style:

   • Photography (editorial, authentic, stock)
   • Illustration (custom, icon-based)
   • Abstract/3D

Output:

• Note in {project}/design/visual_language_notes.md

---

Fase 3: Creative Direction

Obiettivo: Documentare direzione creativa.

Azioni:

1. Scrivi documento con:
   • Concept statement (1-2 frasi)
   • Visual attributes (3-5 aggettivi)
   • Do's e Don'ts
   • Esempi di riferimento

Template:

# Creative Direction

## Concept
{Statement che descrive l'idea visiva}

## Visual Attributes
1. {Attributo 1} — {Descrizione}
2. {Attributo 2} — {Descrizione}
3. {Attributo 3} — {Descrizione}

## Typography
{Style e rationale}

## Layout
{Density e approccio}

## Color
{Ruoli e palette direction}

## Imagery
{Style di immagini/illustrazioni}

## Do's
- {Cosa fare}
- {Cosa fare}

## Don'ts
- {Cosa evitare}
- {Cosa evitare}

Output:

• {project}/design/creative_direction.md

---

Fase 4: Moodboard

Obiettivo: Raccolta visiva di ispirazione.

Azioni:

1. Raccogli 10-20 immagini che rappresentano:

   • Layout ideas
   • Color palettes
   • Typography combinations
   • Imagery style
   • UI components

2. Organizza per categoria

3. Per ogni immagine, includi:

   • Fonte (URL o descrizione)
   • Perché è rilevante
   • Cosa prendere

Output:

• {project}/design/moodboard.md (con immagini o link)

---

Fase 5: Design Principles

Obiettivo: Linee guida per decisioni di design.

Azioni:

1. Definisci 5-7 principi guida
2. Per ogni principio:
   • Nome
   • Descrizione (1-2 frasi)
   • Esempio applicativo

Esempio:

## Design Principles

### 1. Clarity First
Ogni elemento deve comunicare uno scopo chiaro. 
Se non aggiunge valore, rimuovi.

**Esempio:** Hero con headline singola, CTA chiara, niente rumore.

### 2. Consistent Rhythm
Spacing e layout seguono una griglia modulare.

**Esempio:** Padding sezioni: 64/96/128px (scala modulare).

### 3. Proof-Driven
Ogni claim supportato da evidence visibile.

**Esempio:** Dopo services, logo wall o testimonial.

Output:

• {project}/design/design_principles.md

---

Output

File	Formato	Descrizione
{project}/design/creative_direction.md	Markdown	Direzione creativa
{project}/design/moodboard.md	Markdown + immagini	Moodboard visiva
{project}/design/design_principles.md	Markdown	Principi design

---

References

• design_patterns.md — Pattern UI
• hero_sections.md — Hero patterns
• layout_systems.md — Grid e spacing
• brand_voice.md — Tone of voice

---

Note

Edge Cases:

• Nessuna referenza disponibile: Crea moodboard da zero usando pattern generali
• Brand constraints forti: Adatta direzione ai vincoli esistenti
• Cliente non tecnico: Usa linguaggio semplice, evita gergo design

Limitazioni:

• Moodboard richiede immagini (tool esterno o screenshot)
• Direzione visiva è soggettiva: richiede approvazione cliente
• Non sostituisce design system dettagliato (compito di agency-design-system)

---

Skill generata da framework-translator