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:
parent
b79b28034a
commit
b916892ee5
4 changed files with 47 additions and 0 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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_
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue