Initial release: agency_v3_1-skills-suite v1.0

- 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)
This commit is contained in:
AgentePotente 2026-03-09 12:23:58 +01:00
commit 6ac766172c
47 changed files with 4165 additions and 0 deletions

View file

@ -0,0 +1,228 @@
---
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_

View file

@ -0,0 +1 @@
../references