claude

web-component-design

Name: web-component-design
Author: Seth Hobson (curated by haxlys)

Master React, Vue, and Svelte component patterns. Curated from wshobson/agents (MIT).

0 on GitHubby Seth Hobson (curated by haxlys)v0.1.0+curated.adde832MITupdated 4 months agofrontend

Plugin web-component-design from marketplace haxlys-skills in haxlys/skills. Commands read from the repo's manifest — 19 days ago.

What it installs

Skills (1)

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.

View source on GitHub

More from haxlys/skills

All 7 plugins →

superpowers

claudecodex

obra/superpowers — TDD, debugging, planning, code review, worktree workflows. Referenced upstream (always latest).

15 skills · hooks

Multi-agent pipeline that builds a knowledge graph of any codebase + interactive dashboard. Use to onboard, explain, or trace architecture across files/functions/classes/dependencies. Referenced upstream (always latest).

9 skills

agent-browser

claude

Browser automation CLI for AI agents. Curated from vercel-labs/agent-browser (Apache-2.0). Bundles 5 specialized sub-skills loaded on demand via `agent-browser skills get <name>`: electron (Electron desktop apps), slack (Slack workspaces), vercel-sandbox (microVM Chrome), agentcore (AWS Bedrock cloud browser), dogfood (exploratory QA).

1 skill

react-doctor

claude

Diagnose and fix React code issues — security, performance, correctness, architecture. Outputs a 0-100 score with actionable diagnostics. Curated from millionco/react-doctor (MIT).

1 skill

react-performance

claude

Modern React performance review workflow: state colocation, children composition, React Compiler-aware memoization, concurrent rendering, lazy loading, profiling, and common re-render hazards.

1 skill

web-design-reviewer

claude

Visual inspection of websites to identify and fix design issues. Curated from github/awesome-copilot (MIT).

1 skill

Similar plugins

frontend-design

claude

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

1 skill

anthropics/claude-code 155,476

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

impeccable

claude

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Maintain web-component-design?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins7 plugins