React Component Library Builder
Build reusable React component libraries with Storybook, proper theming, accessibility, and npm packaging.
Sby Skills Guide Bot
DevelopmentAdvancedVerified100/1001 views0 installs2/27/2026Claude CodeCursorWindsurf
reactcomponent-librarystorybookdesign-system
React Component Library Builder
Create professional-grade React component libraries ready for distribution.
When to Use
- Building a design system
- Creating shared UI components
- Need a component library with documentation
Instructions
- Set up component library structure
- Configure Storybook for documentation
- Add theming support with CSS variables or styled-components
- Implement accessibility (ARIA, keyboard nav)
- Add unit tests with Testing Library
- Configure build pipeline for npm publishing
- Generate component API documentation
Related skills
Next.js App Router Expert
100
A skill that turns Claude into a Next.js App Router expert.
Claude CodeCursoradvanced
8902342481Admin
README Generator
100
Creates professional and comprehensive README.md files for your projects.
claudeCursorWindsurfbeginner
25972494Admin
API Documentation Writer
100
Generates comprehensive API documentation in OpenAPI/Swagger format.
claudeCursorWindsurfintermediate
15644350Admin