Component Templates Skill

Instructions

1. Identify Component Type:

   • Button, Input, Form, Card, Modal, Dropdown, etc.
   • Determine complexity (simple, complex, composite)
   • Check for existing similar components

2. Select Template:

   • Match component type to template library
   • Choose variant (primary, secondary, outlined, etc.)
   • Adapt to detected framework (React, Vue, Svelte)