web-component-design
wshobson/agentsMaster React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI…
Scores out of 100 · grade A+
2026-08-22Works
40% of the score100/100
- Loads cleanly: valid frontmatter, required fields present, no dangling references.
Maintained
25% of the score100/100
- no commits in the last 12 weeks
Adopted
20% of the score69/100
- 11,078 installs on skills.sh.
- 39,011 stars on the source repo.
Documented
15% of the score90/100
- 823 words with worked examples.
- Ships 3 bundled files.
Install
npx skills add wshobson/agents/web-component-designWhat it says it does
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.
Also in wshobson/agents
| Artifact | Score | What the check found | Type | Reach | Last commit |
|---|---|---|---|---|---|
| api-design-principleswshobson/agents | clean | Skill | 26,852 installs | 3 days ago | |
| typescript-advanced-typeswshobson/agents | clean | Skill | 63,600 installs | 3 days ago | |
| brand-landingpagewshobson/agents | clean | Skill | 35,429 installs | 3 days ago | |
| spark-memory-thermal-opswshobson/agents | clean | Skill | 39k stars | 3 days ago | |
| spark-training-gotchaswshobson/agents | clean | Skill | 39k stars | 3 days ago | |
| dotnet-backend-patternswshobson/agents | clean | Skill | 16,718 installs | 3 days ago |
Other frontend & ui skills
Browse all| Artifact | Score | What the check found | Category | Reach | Last commit |
|---|---|---|---|---|---|
| ui-ux-pro-maxnextlevelbuilder/ui-ux-pro-max-skill | clean | Frontend & UI | 325,271 installs | yesterday | |
| sandbox-benchvercel/next.js | clean | Frontend & UI | 142k stars | today | |
| gh-stackvercel/next.js | clean | Frontend & UI | 142k stars | today | |
| next-cache-components-adoptionvercel/next.js | clean | Frontend & UI | 9,145 installs | today | |
| next-cache-components-optimizervercel/next.js | clean | Frontend & UI | 8,900 installs | today | |
| hyperframes-registryheygen-com/hyperframes | clean | Frontend & UI | 369,389 installs | today |
Put this measurement in your README
A badge carrying how many listings this index holds from the repository and how many pass every static structural check. It reads from this index every time somebody loads your page, so it changes when the measurement changes and there is nothing to keep up to date. Free, no account, and the value is not something you or we can set by hand.
[](https://skillworks.kynth.studio/?q=wshobson%2Fagents)Would rather not hotlink us? Every badge is also served in shields.io’s endpoint schema, so shields renders the image and your readers never talk to our domain:
Published by Toolproof, the masthead over this index and eight others. The method behind the number is at toolproof.kynth.studio/methodology, and the whole thing is readable as JSON with no key at /api.
