Skip to main content
Open Skills
web-component-designby Seth HobsonDesignGitHub stars: 41.8k

Web Component Design skill: what it does and how to install it

Builds reusable UI components in React, Vue and Svelte using composition patterns, accessible APIs and styling approaches.

Summary generated from the skill's documentation.

Install

$ npx skills add wshobson/agents --skill web-component-design

Run it in a terminal. If your agent is already running, start a new session so it picks the skill up.

About this skill

What it does. Guides component design across React, Vue and Svelte, with examples of compound components, render props, slots and framework-specific patterns. It covers API design, styling choices, accessibility and common maintainability issues.

When to use it. When creating or refactoring component libraries, design systems or reusable UI components, or choosing composition and styling patterns.

History

Repo stars

41.8k+1.5k since 5 Oct 2026

Stars are counted for the whole repository, which holds 76 skills.

Show as a table
Repo stars by day
DateRepo stars
26 Oct 202641,741
25 Oct 202641,668
24 Oct 202641,623
23 Oct 202641,590
22 Oct 202641,533
21 Oct 202641,400
20 Oct 202641,212
19 Oct 202641,081
18 Oct 202640,990
17 Oct 202640,943
16 Oct 202640,891
15 Oct 202640,824
14 Oct 202640,663
13 Oct 202640,579
12 Oct 202640,457
11 Oct 202640,368
10 Oct 202640,319
9 Oct 202640,307
8 Oct 202640,296
7 Oct 202640,267
6 Oct 202640,238
5 Oct 202640,212

Installs

13.2k

Tracking since . A chart appears once there are 7 days of data.

Installs via skills.sh

Similar skills