Robots/agency-skills-suite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

STEP 3: Integrazione agency-archivist nelle skill

Browse source 
- 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
Download patch file Download diff file Expand all files Collapse all files

49
agency-web-developer/SKILL.md
View file

@ -1,6 +1,6 @@
---
name: agency-web-developer
description: "Sviluppare siti web statici o landing page partendo da copy e design system. Usare quando: (1) costruire sito da sitemap + copy, (2) creare landing page, (3) implementare design in HTML/CSS/JS. Output: Sito completo con HTML semantico, CSS (Bootstrap o custom), JS (jQuery + GSAP)."
description: "Sviluppare siti web statici o landing page partendo da copy e design system. PRIMA di sviluppare: leggi clients/{client}/assets/catalog.md per immagini e asset. Se mancano, richiedi @agency-archivist. Usare quando: (1) costruire sito da sitemap + copy, (2) creare landing page, (3) implementare design in HTML/CSS/JS. Output: Sito completo con HTML semantico, CSS (Bootstrap o custom), JS (jQuery + GSAP)."
---
# Agency Web Developer — Sviluppo Siti Web Statici
@ -31,14 +31,36 @@ Trasforma copy e design system in siti web funzionanti con HTML semantico, CSS e
## Processo
### Fase 1: Setup Struttura Progetto
### Fase 1: Risorse e Setup Struttura Progetto
**Obiettivo:** Creare directory structure per il sito.
**Obiettivo:** Verificare asset disponibili e creare directory structure.
**Azioni:**
1. Crea cartella `clients/{client}/website/`
2. Crea sottocartelle:
1. **LEGGI CATALOGO RISORSE:**
- Apri `clients/{client}/assets/catalog.md`
- Cerca:
- Logo: `#logo` → Per header/footer
- Immagini hero: `#hero`, `#sfondo`, `#prodotto` → Per homepage
- 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
3. **Crea cartella `clients/{client}/website/`**
4. **Crea sottocartelle:**
- `index.html` (homepage)
- `pages/` (altre pagine HTML)
- `css/` (stylesheet)
@ -47,13 +69,17 @@ Trasforma copy e design system in siti web funzionanti con HTML semantico, CSS e
- `assets/img/`
- `assets/fonts/`
3. Inizializza file base:
5. **Collega asset da archivio:**
- Crea symlink o copia da `clients/{client}/assets/` a `website/assets/`
- Oppure usa path relativi: `../assets/images/logo/logo.png`
6. **Inizializza file base:**
- `css/main.css` (o `css/bootstrap.min.css` + `css/custom.css`)
- `js/main.js`
- `assets/` (vuoto, pronto per asset)
**Output:**
- Struttura directory pronta
- Asset collegati o copiati
---
@ -333,9 +359,14 @@ $(document).ready(function() {
- [conversion_patterns.md](../references/conversion_patterns.md) — CTA hierarchy, forms, friction reducers
- [layout_systems.md](../references/layout_systems.md) — Grid, spacing, vertical rhythm
### Resources & Assets
- [resource_types.md](../agency-archivist/references/resource_types.md) — Tipologie risorse e use case
**Flusso consigliato:**
1. Leggi pattern UX da shared references (COSA fare)
2. Implementa con technical references (COME codificare)
1. Leggi catalogo risorse (`assets/catalog.md`)
2. Verifica asset disponibili o richiedi ad @agency-archivist
3. Leggi pattern UX da shared references (COSA fare)
4. Implementa con technical references (COME codificare)
---