feat: Cross-references tra web-developer e altre skills

Analisi completata:
- Web-developer references rimangono dedicate (tecniche: HTML/CSS/JS)
- Shared references rimangono per UX/design patterns (strategici)

Aggiunti riferimenti incrociati:

1. agency-web-developer:
   - +5 shared references (hero, design, navigation, conversion, layout patterns)
   - Flusso: leggi pattern UX → implementa con technical refs

2. agency-design-system:
   - +3 web-developer refs per handoff tecnico
   - Nota: produce design doc, web-developer implementa codice

3. agency-ux-copy:
   - +design_patterns.md
   - +2 web-developer refs per handoff HTML/CSS
   - Nota: produce copy, web-developer implementa codice

4. agency-seo:
   - +2 web-developer refs per implementazione on-page SEO
   - Nota: produce strategia SEO, web-developer implementa HTML

Flusso chiarito:
- Shared refs = COSA fare (pattern UX/design)
- Web-developer refs = COME codificare (implementazione tecnica)
This commit is contained in:
AgentePotente 2026-03-09 18:12:44 +01:00
parent b79b28034a
commit b916892ee5
4 changed files with 47 additions and 0 deletions

View file

@ -224,11 +224,20 @@ Traduce la direzione creativa in un design system coerente e riutilizzabile.
## References
### UX/Design Patterns (Shared)
- [layout_systems.md](../../references/layout_systems.md) — Grid e spacing
- [navigation_patterns.md](../../references/navigation_patterns.md) — IA patterns
- [design_patterns.md](../../references/design_patterns.md) — UI patterns
- [qa_visual.md](../../references/qa_visual.md) — QA checklist
### Technical Implementation (Handoff)
**Per handoff a developer o implementazione diretta:**
- [html_semantics.md](../agency-web-developer/references/html_semantics.md) — Semantic HTML structure
- [css_layout.md](../agency-web-developer/references/css_layout.md) — Bootstrap/custom CSS implementation
- [js_interactivity.md](../agency-web-developer/references/js_interactivity.md) — jQuery + GSAP patterns
**Nota:** Questa skill produce design system documentato. Per implementazione codice, consultare agency-web-developer.
---
## Note

View file

@ -242,4 +242,19 @@ SEO tecnico, metadata e schema markup per visibilità search.
---
## References
### SEO Core
- [navigation_patterns.md](../../references/navigation_patterns.md) — IA patterns
- [conversion_patterns.md](../../references/conversion_patterns.md) — CTA hierarchy
### Technical Implementation
**Per implementazione on-page SEO nel codice:**
- [html_semantics.md](../agency-web-developer/references/html_semantics.md) — Semantic HTML, heading hierarchy, meta tags
- [css_layout.md](../agency-web-developer/references/css_layout.md) — Mobile-first, performance
**Nota:** Questa skill produce strategia SEO + metadata. Per implementazione HTML, usare agency-web-developer.
---
_Skill generata da framework-translator_

View file

@ -226,11 +226,21 @@ Progetta la struttura del sito e scrive copy chiaro e conversion-oriented.
## References
### UX/Design Patterns (Shared)
- [copy_frameworks.md](../../references/copy_frameworks.md) — Framework copy
- [conversion_patterns.md](../../references/conversion_patterns.md) — CTA e conversioni
- [hero_sections.md](../../references/hero_sections.md) — Hero patterns
- [navigation_patterns.md](../../references/navigation_patterns.md) — IA patterns
- [brand_voice.md](../../references/brand_voice.md) — Tone of voice
- [design_patterns.md](../../references/design_patterns.md) — UI patterns (card grid, split layout, testimonial, FAQ)
### Handoff a Developer
**Dopo aver completato copy, passare a:**
- **agency-web-developer** — Implementa HTML/CSS/JS dal copy
- [html_semantics.md](../agency-web-developer/references/html_semantics.md) — Come il copy diventa struttura HTML
- [css_layout.md](../agency-web-developer/references/css_layout.md) — Come i layout diventano CSS
**Nota:** Questa skill produce sitemap + copy. Per implementazione codice, usare agency-web-developer.
---

View file

@ -320,10 +320,23 @@ $(document).ready(function() {
## References
### Technical (Web Developer Specific)
- [html_semantics.md](./references/html_semantics.md) — Semantic HTML best practices
- [css_layout.md](./references/css_layout.md) — Layout, responsive, Bootstrap
- [js_interactivity.md](./references/js_interactivity.md) — jQuery + GSAP patterns
### UX/Design Patterns (Shared References)
**Consultare PRIMA di implementare:**
- [hero_sections.md](../references/hero_sections.md) — Hero checklist, formula, layouts
- [design_patterns.md](../references/design_patterns.md) — Card grid, split layout, testimonial, FAQ patterns
- [navigation_patterns.md](../references/navigation_patterns.md) — Primary nav, mobile nav, IA
- [conversion_patterns.md](../references/conversion_patterns.md) — CTA hierarchy, forms, friction reducers
- [layout_systems.md](../references/layout_systems.md) — Grid, spacing, vertical rhythm
**Flusso consigliato:**
1. Leggi pattern UX da shared references (COSA fare)
2. Implementa con technical references (COME codificare)
---
## Note