Web Component Design
by wshobson46891e7e60daNo licenseListed Oct 8, 2026Updated Oct 8, 2026
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.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/accessibility-patterns.md | 15.5 KB | text/markdown |
| references/component-patterns.md | 9.5 KB | text/markdown |
| references/css-styling-approaches.md | 12.5 KB | text/markdown |
| SKILL.md | 7.3 KB | text/markdown |
Source and attribution
Source:wshobson/agentsinplugins/ui-design/skills/web-component-designat commit46891e7
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from wshobson/agents
Uv Package Manager
wshobson
Reference guide for using the uv Python package manager for dependencies, virtual environments and project workflows.
Python Type Safety
wshobson
Guides Python type annotations, generics, protocols, and strict mypy/pyright checking.
Visual Design Foundations
wshobson
Guides typography, color, spacing and iconography decisions for cohesive, accessible visual design systems.
Responsive Design
wshobson
Guides implementation of responsive web layouts using container queries, fluid typography, CSS Grid and breakpoints.
Python Resource Management
wshobson
Guides Python developers in managing resources deterministically with context managers, cleanup patterns, and streaming.
React Native Design
wshobson
Guides React Native styling, React Navigation, and Reanimated 3 animations for cross-platform mobile apps.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Dpop Adoption
Guides implementation of OAuth 2.0 DPoP (RFC 9449) sender-constrained refresh tokens for Google's OAuth platform.
Gemini Live Api
Generates a Gemini Live API WebSocket client class, tests, docs, and a demo UI for bidirectional streaming.
Gemini Api
Guides use of the Gemini API on Google's Agent Platform with the Gen AI SDK across languages and capabilities.