6ac766172c
- 12 AgentSkills generate da agency_v3_1 framework - 17 references centralizzate - Script INSTALL.sh per installazione automatica - README.md con documentazione completa Skills incluse: - agency-orchestrator (coordinamento + QA) - agency-strategy (positioning, messaging) - agency-research (competitive intelligence) - agency-creative-director (direzione visiva) - agency-design-system (tokens, components) - agency-ux-copy (sitemap, copy) - agency-seo (SEO tecnico) - agency-social (social strategy) - agency-youtube (YouTube strategy) - agency-visual-generator (asset visuali) - agency-analytics (report KPI) - agency-publisher (publish gate-based) Generated by framework-translator v2.0 Approved by: MarcoB (2026-03-09)
228 lines
5 KiB
Markdown
228 lines
5 KiB
Markdown
---
|
|
name: agency-creative-director
|
|
description: 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 |
|
|
|-------|------|-------------|
|
|
| `client_path` | string | Percorso client |
|
|
| `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 `clients/{client}/strategy/positioning.md`
|
|
2. Leggi `clients/{client}/strategy/messaging.md`
|
|
3. Studia `clients/{client}/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 `clients/{client}/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:**
|
|
|
|
```markdown
|
|
# 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:**
|
|
- `clients/{client}/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:**
|
|
- `clients/{client}/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:**
|
|
|
|
```markdown
|
|
## 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:**
|
|
- `clients/{client}/design/design_principles.md`
|
|
|
|
---
|
|
|
|
## Output
|
|
|
|
| File | Formato | Descrizione |
|
|
|------|---------|-------------|
|
|
| `clients/{client}/design/creative_direction.md` | Markdown | Direzione creativa |
|
|
| `clients/{client}/design/moodboard.md` | Markdown + immagini | Moodboard visiva |
|
|
| `clients/{client}/design/design_principles.md` | Markdown | Principi design |
|
|
|
|
---
|
|
|
|
## References
|
|
|
|
- [design_patterns.md](../../references/design_patterns.md) — Pattern UI
|
|
- [hero_sections.md](../../references/hero_sections.md) — Hero patterns
|
|
- [layout_systems.md](../../references/layout_systems.md) — Grid e spacing
|
|
- [brand_voice.md](../../references/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_
|