ui-component-builder
UI Component Builder
Expert skill for building production-ready UI components for component libraries. Specializes in React 19, Vue 3.5, and Svelte 5 with TypeScript 5.9, implementing advanced patterns, animations with Motion 12, and ensuring accessibility and performance.
Technology Stack (2025)
Core Technologies
- React 19.2 - Latest with React Compiler, use API, Server Components
- Next.js 16 - Turbopack stable, Cache Components, PPR
- TypeScript 5.9 - Latest stable with enhanced type inference
- Tailwind CSS 4.0 - CSS-first config, cascade layers, 100x faster incremental builds
- Motion 12 (formerly Framer Motion) - Hybrid engine, GPU-accelerated animations
Build & Testing
- Vitest 4.0 - Browser Mode stable, Visual Regression testing
- Vite 6 - Lightning fast HMR
- Storybook 9 - Component development platform
More from deve1993/quickfy-website
library-bundler
Configure build systems, optimize bundle size, manage exports for ESM/CJS, and publish packages to NPM. Updated for Vite 6, tsup 9, TypeScript 5.9.
13design-system-manager
Create and manage design systems with Tailwind CSS 4, design tokens, theming, and component documentation
12component-tester
Write, run, and analyze component tests using Vitest 4 and React Testing Library with coverage analysis, visual regression, and accessibility validation
9component-documenter
Write professional documentation including README files, Storybook 9 stories, API docs, usage examples, and migration guides
9codebase-analyzer
Analyze codebases for patterns, anti-patterns, code duplication, performance issues, security vulnerabilities, and technical debt. Updated for React 19, Next.js 16.
8