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.
mog install mogteam/wshobson-web-component-design
Sourced from wshobson/agents under the MIT license.
After installing, your AI assistant needs a pointer to the skill file. Use the agent card below or the --wire flag.
Install + auto-wire
mog install mogteam/wshobson-web-component-design --target cursor --wireCreates .cursor/rules/wshobson-web-component-design.mdc pointing to the skill.
Agent card
## Wshobson Web Component Design 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. - **Install**: `mog install mogteam/wshobson-web-component-design --target cursor` - **Type**: skill - **Path after install**: `.cursor/skills/wshobson-web-component-design/SKILL.md` - **Targets**: cursor, claude-code, codex, gemini-cli, windsurf, generic When editing, read and follow @.cursor/skills/wshobson-web-component-design/SKILL.md
Paste into AGENTS.md, .cursor/rules, or your agent's instructions.
Install paths by target
No ratings yet.
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.
Free
mog install mogteam/wshobson-web-component-designSource
wshobson
github.com/wshobson/agentsThis package is sourced from the above repository and distributed on mog under its original license.
@mogteam
Official curated skills and prompt templates from the mog.md team.