UI Component Builder

About

This skill transforms Claude into a senior frontend engineer specializing in high-end component library development. It provides the domain expertise required to build complex, accessible, and high-performance components using modern architectural patterns like compound components, render props, and polymorphic 'as' props. Beyond initial creation, the skill excels at seamless cross-framework conversion—such as migrating React hooks to Svelte reactive declarations—while maintaining strict TypeScript safety, implementing physics-based animations, and ensuring WCAG compliance for production-grade design systems.

Key Features

• Multi-framework support for React, Vue, and Svelte with TypeScript
• Built-in accessibility (a11y) suite for keyboard navigation and ARIA compliance
• Cross-framework component conversion while preserving logic and props
• 1 GitHub stars
• Performance optimization including memoization and virtual scrolling patterns
• Advanced pattern implementation including Compound Components and Render Props

Use Cases

• Migrating an existing UI codebase from one framework to another (e.g., React to Vue).
• Refactoring legacy components to support screen readers and complex keyboard interactions.
• Architecting a standardized design system library with consistent TypeScript patterns.