Summary
Shows you how to build proper component APIs with composition patterns like compound components and render props across React, Vue, and Svelte. Covers CSS-in-JS approaches from Tailwind to styled-components, with code examples for accessible button variants, accordion components, and context patterns. Good for when you're setting up design systems or refactoring messy component hierarchies. The framework-specific patterns are solid, though the Vue 3 composables section could use more real-world error handling examples.
Install to Claude Code
npx -y skills add wshobson/agents --skill web-component-design --agent claude-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
