web-component-design

SKILL.md

Build reusable, maintainable UI components using modern frameworks with clean composition patterns and styling approaches.

| Tailwind CSS | Utility classes | Rapid prototyping, design systems | | CSS Modules | Scoped CSS files | Existing CSS, gradual adoption | | styled-components | Template literals | React, dynamic styling | | Emotion | Object/template styles | Flexible, SSR-friendly | | Vanilla Extract | Zero-runtime | Performance-critical apps |

Domine los patrones de componentes de React, Vue y Svelte, incluidos CSS-in-JS, estrategias de composición y arquitectura de componentes reutilizables. Úselo al crear bibliotecas de componentes de interfaz de usuario, diseñar API de componentes o implementar sistemas de diseño de interfaz. Fuente: wshobson/agents.

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/wshobson/agents --skill web-component-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

Ver original