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.

Cargue PROACTIVAMENTE cuando la tarea implique diseñar o construir componentes de interfaz de usuario. Úselo cuando el usuario diga "construir un componente", "crear un formulario", "agregar un modal", "diseñar el diseño" o "refactorizar esta página". Cubre la composición y jerarquía de componentes, diseño y escritura de accesorios, optimización de renderizado (memo, useMemo, useCallback), patrones de componentes compuestos, formas controladas y no controladas, organización de archivos y accesibilidad para React, Vue y Svelte. Fuente: mgd34msu/goodvibes-plugin.