component-architecture

This skill guides you through designing and implementing UI components using GoodVibes precision and analysis tools. Use this workflow when building React, Vue, or Svelte components with proper composition, state management, and performance optimization.

Trigger phrases: "build component", "create UI", "component structure", "render optimization", "state lifting", "component composition".

Before building components, understand existing patterns in the codebase.

Carica in modo PROATTIVO quando l'attività prevede la progettazione o la creazione di componenti dell'interfaccia utente. Da utilizzare quando l'utente dice "crea un componente", "crea un modulo", "aggiungi una modale", "progetta il layout" o "refattorizza questa pagina". Copre la composizione e la gerarchia dei componenti, la progettazione e la tipizzazione degli oggetti di scena, l'ottimizzazione del rendering (memo, useMemo, useCallback), modelli di componenti composti, moduli controllati e non controllati, organizzazione dei file e accessibilità per React, Vue e Svelte. Fonte: mgd34msu/goodvibes-plugin.