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.

Chargez de manière PROACTIVE lorsque la tâche implique la conception ou la création de composants d'interface utilisateur. À utiliser lorsque l'utilisateur dit « créer un composant », « créer un formulaire », « ajouter un modal », « concevoir la mise en page » ou « refactoriser cette page ». Couvre la composition et la hiérarchie des composants, la conception et la saisie des accessoires, l'optimisation du rendu (memo, useMemo, useCallback), les modèles de composants composés, les formulaires contrôlés et non contrôlés, l'organisation des fichiers et l'accessibilité pour React, Vue et Svelte. Source : mgd34msu/goodvibes-plugin.