feat(placeholder): add placeholder mode for asset-missing workflows

- agency-archivist: frontmatter updated + 3-option pattern + placeholder section
- agency-visual-generator: 3-option pattern (block/placeholder/skip)
- agency-web-developer: placeholder inline SVG/CSS option
- agency-design-system: placeholder tokens option

All consuming skills now offer:
1. Block and request assets (traditional)
2. Placeholder mode for continuous workflow 
3. Skip asset if optional

Pattern allows prototyping without real assets.
This commit is contained in:
AgentePotente 2026-03-11 10:42:47 +01:00
parent 092bae7608
commit 91d70558ac
4 changed files with 139 additions and 49 deletions

View file

@ -45,18 +45,26 @@ Trasforma copy e design system in siti web funzionanti con HTML semantico, CSS e
- Immagini pagine: `#team`, `#ufficio`, `#prodotto` → Per pagine interne
- Favicon: `#icon`, `#favicon` → Per `<head>`
2. **Se risorse mancanti:**
- **FERMATI** e segnala: "🔒 Bloccato: servono immagini per il sito"
- Tagga: @agency-archivist
- Specifica:
```
Per sviluppare il sito, servono:
- [ ] Logo (PNG/SVG, per header)
- [ ] Immagine hero (1920x1080, per homepage)
- [ ] Foto team/prodotto (per pagine interne)
- [ ] Favicon (32x32 o 64x64)
```
- **Attendi** che archivist carichi e sblocchi
2. **Se risorse mancanti:** **Proporre 3 opzioni**
**OPZIONE A — Blocca e richiedi asset:**
- "🔒 Bloccato: servono immagini per il sito"
- Tagga: @agency-archivist con elenco specifico
- **Attendi** upload prima di procedere
**OPZIONE B — Placeholder Mode (consigliata):**
- Procedi con **placeholder inline** (SVG color-block o gradient)
- Esempi placeholder:
- Logo: `<div class="placeholder-logo">[LOGO]</div>` (stilizzato CSS)
- Hero: `<div class="placeholder-hero">[HERO IMAGE 1920x1080]</div>`
- Team: `<div class="placeholder-avatar"></div>` con iniziali
- Genera sito completo ma **documenta in README.md sezione "Assets Placeholder"**
- **Non bloccare** — cliente sostituisce asset reali dopo
**OPZIONE C — Genera senza asset visivi:**
- Procedi con **design testuale/minimal** (no immagini, solo tipografia)
- Adatta layout: hero text-only, griglie senza foto
- Documenta: "⏭️ Design minimal — immagini da aggiungere in fase 2"
3. **Crea cartella `{project}/website/`**