web-component-design
Master modern UI component design with advanced composition patterns, styling strategies, and API best practices.
Install
npx skills add https://github.com/wshobson/agents --skill web-component-designStats
| Total installs | 4,579 |
| Weekly installs | 4.5K |
| GitHub stars | 32.4K |
| First seen | Jan 20, 2026 |
| Source | @wshobson/agents |
Summary
- Covers three composition strategies: compound components, render props, and slots, with framework-specific examples and use cases
- Compares five CSS-in-JS solutions (Tailwind, CSS Modules, styled-components, Emotion, Vanilla Extract) with guidance on when to use each
- Includes component API design principles, accessibility best practices, and patterns for controlled/uncontrolled components
- Provides production-ready code examples for React compound components, Vue 3 composables, and Svelte 5 runes with context management
Tags
Related skills
| Skill | Installs | vs web-component-design |
|---|---|---|
| react-native-design | 5,259 | +680 |
| interaction-design | 4,824 | +245 |
| create-adaptable-composable | 4,086 | -493 |
| seo | 4,625 | +46 |
| vitepress | 5,310 | +731 |
FAQ
- How many installs does web-component-design have?
- web-component-design has 4,579 total installs and 4.5K installs this week.
- Where is web-component-design hosted?
- web-component-design is published by @wshobson/agents at https://github.com/wshobson/agents.
- How many GitHub stars does web-component-design have?
- web-component-design has 32.4K GitHub stars.
- When was web-component-design first indexed?
- OrangeBot.AI first indexed web-component-design on Jan 20, 2026.
- How do I install web-component-design?
- Run: npx skills add https://github.com/wshobson/agents --skill web-component-design