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 |

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems. Source: wshobson/agents.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/wshobson/agents --skill web-component-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw