web-component-design

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

• Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture.
• 7 installs reported on mcpdirectory.
• Published by wshobson — listed by mcpdirectory. Setup details live in the original listing.

How to use

1. Copy the Install command above.
2. Run it where you keep agent skills.
3. Confirm version and requirements in the original listing.

More in React

• react-state-management — Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up
• react-19 — React 19 patterns with React Compiler. Trigger: When writing React components - no useMemo/useCallback needed.
• react-native-best-practices — Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders,
• feature-flags — Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific
• ui-mobile — Mobile UI patterns - React Native, iOS/Android, touch targets
• shadcn-vue-admin — Build and maintain the shadcn-vue-admin Vue 3 + Vite + TypeScript admin dashboard with shadcn-vue, Tailwind, P

More from wshobson

• typescript-advanced-types — Discriminated unions, conditional types, and utility type patterns
• tailwind-design-system — Design tokens, variants, and component patterns in Tailwind
• fastapi-templates — Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error ha
• mobile-ios-design — Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iO

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.