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:
commit
6ac766172c
47 changed files with 4165 additions and 0 deletions
228
agency-creative-director/SKILL.md
Normal file
228
agency-creative-director/SKILL.md
Normal 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_
|
||||
1
agency-creative-director/references
Symbolic link
1
agency-creative-director/references
Symbolic link
|
|
@ -0,0 +1 @@
|
|||
../references
|
||||
Loading…
Add table
Add a link
Reference in a new issue