Does it support automated documentation?

Yes, it features deep integration with Storybook 7+, providing CSF3 templates and console logging for observability.

What frameworks does this skill support?

This skill is specifically optimized for React development, utilizing TypeScript (TSX) for type safety and Storybook for component documentation.

How does it handle web accessibility?

The skill implements WCAG 2.1 standards by default, including proper ARIA attributes, focus management for modals, and keyboard navigation patterns.

Can I use this for existing React projects?

Yes, it is designed to help both in bootstrapping new libraries and refactoring existing UI components to follow modern design patterns.

What testing tools are integrated with this skill?

The skill provides standardized templates for Jest and includes implementation patterns for error boundaries and prop validation.

React Component Library Architect

Name: React Component Library Architect
Author: pluginagentmarketplace

bypluginagentmarketplace

•

Design Tools

Builds production-grade, accessible React component libraries using Storybook, design tokens, and modern architectural patterns.

About

This skill empowers developers to create robust, enterprise-ready React component libraries by providing expert guidance on accessibility (WCAG 2.1), composable design patterns, and comprehensive documentation. It streamlines the creation of complex UI elements like Modals, Dropdowns, and Compound Tabs while ensuring industry best practices for Storybook integration, TypeScript typing, and npm distribution are strictly followed. Ideal for teams looking to establish a consistent design system or refactor legacy UI code into a modular, testable architecture.

Key Features

Advanced React patterns including Compound Components and Forwarding Refs
Design system foundation using design tokens and flexible APIs
Automated Storybook integration with CSF3 templates for documentation
Comprehensive testing templates using Jest for component reliability
Accessible component implementation following WCAG 2.1 standards
1 GitHub stars

Use Cases

Ensuring high accessibility compliance across a complex React application suite
Refactoring rigid, monolithic components into flexible, composable building blocks
Bootstrapping a new corporate design system with standardized UI components

About

Key Features

Advanced React patterns including Compound Components and Forwarding Refs
Design system foundation using design tokens and flexible APIs
Automated Storybook integration with CSF3 templates for documentation
Comprehensive testing templates using Jest for component reliability
Accessible component implementation following WCAG 2.1 standards
1 GitHub stars

Use Cases

Ensuring high accessibility compliance across a complex React application suite
Refactoring rigid, monolithic components into flexible, composable building blocks
Bootstrapping a new corporate design system with standardized UI components