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:
parent
b1f3ba033e
commit
ea5b68beb9
3 changed files with 98 additions and 27 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue