STEP 3: Integrazione agency-archivist nelle skill

- agency-visual-generator/SKILL.md:
  - Lettura catalogo risorse prima di generare asset
  - Richiesta proattiva risorse mancanti (@agency-archivist)
  - Recupero logo e immagini da catalog.md

- agency-design-system/SKILL.md:
  - Verifica brand assets (logo, colori, font) prima di iniziare
  - Richiesta risorse mancanti con requisiti specifici
  - Integrazione resource_types.md nelle references

- agency-web-developer/SKILL.md:
  - Lettura catalogo per immagini sito (logo, hero, team, favicon)
  - Richiesta asset mancanti prima di sviluppare
  - Collegamento asset da assets/ a website/assets/
  - Integrazione resource_types.md e flusso consigliato

Pattern comune per tutte le skill:
1. Leggi clients/{client}/assets/catalog.md
2. Cerca risorse per tag/tipo
3. Se mancano: FERMATI, tagga @agency-archivist, specifica requisiti
4. Attendi sblocco dopo upload e re-scan
This commit is contained in:
AgentePotente 2026-03-10 23:31:32 +01:00
parent b1f3ba033e
commit ea5b68beb9
3 changed files with 98 additions and 27 deletions

View file

@ -1,6 +1,6 @@
---
name: agency-design-system
description: "Creare design system coerente con tokens, components e page layouts. Usare quando: (1) nuovo progetto needs UI system, (2) standardizzare design, (3) creare component library. Output: Design tokens, components library, page layouts, design system doc."
description: "Creare design system coerente con tokens, components e page layouts. PRIMA di iniziare: leggi clients/{client}/assets/catalog.md per logo e brand assets. Se mancano, richiedi @agency-archivist. Usare quando: (1) nuovo progetto needs UI system, (2) standardizzare design, (3) creare component library. Output: Design tokens, components library, page layouts, design system doc."
---
# Agency Visual Designer — Design System
@ -29,29 +29,48 @@ Traduce la direzione creativa in un design system coerente e riutilizzabile.
## Processo
### Fase 1: Design Tokens
### Fase 1: Risorse e Design Tokens
**Obiettivo:** Definire variabili di design di base.
**Obiettivo:** Verificare brand assets e definire variabili di design.
**Azioni:**
1. **Typography:**
1. **LEGGI CATALOGO RISORSE:**
- Apri `clients/{client}/assets/catalog.md`
- Cerca:
- Logo: `#logo`, `#brand` → Path per UI
- Colori: `#brand`, `#guidelines` → PDF con palette
- Font: `#brand`, `#guidelines` → Specifiche typography
2. **Se risorse mancanti:**
- **FERMATI** e segnala: "🔒 Bloccato: servono brand assets"
- Tagga: @agency-archivist
- Specifica:
```
Per creare design system, servono:
- [ ] Logo aziendale (PNG/SVG)
- [ ] Brand colors (codici HEX o documento guidelines)
- [ ] Font (nomi o file font)
```
- **Attendi** che archivist carichi e sblocchi
3. **Typography:**
- Font family (primary, secondary)
- Font sizes (H1-H6, body, caption)
- Font weights
- Line heights
2. **Spacing:**
4. **Spacing:**
- Scala modulare (es. 4/8/16/24/32/48/64)
- Section padding (desktop/mobile)
3. **Colors:**
5. **Colors:**
- Primary (brand)
- Secondary (accents)
- Neutrals (text, backgrounds)
- Semantic (success, warning, error)
4. **Breakpoints:**
6. **Breakpoints:**
- Mobile (<768px)
- Tablet (768-1024px)
- Desktop (>1024px)
@ -230,6 +249,9 @@ Traduce la direzione creativa in un design system coerente e riutilizzabile.
- [design_patterns.md](../../references/design_patterns.md) — UI patterns
- [qa_visual.md](../../references/qa_visual.md) — QA checklist
### Resources & Assets
- [resource_types.md](../agency-archivist/references/resource_types.md) — Tipologie risorse e use case
### Technical Implementation (Handoff)
**Per handoff a developer o implementazione diretta:**
- [html_semantics.md](../agency-web-developer/references/html_semantics.md) — Semantic HTML structure