moai-library-shadcn

Enterprise shadcn/ui design systems automate architecture for large-scale React applications by applying design tokens, theming, accessibility patterns, and performance optimization. This Skill provides AI-powered architecture design and component orchestration tailored to shadcn/ui, enabling consistent, scalable UI development across teams.

Yes. shadcn/ui integrates directly with Tailwind CSS for component styling. This Skill builds on that foundation by adding design-token-driven theming, advanced component patterns, and accessibility standards needed for enterprise applications.

Design-token-driven theming centralizes color, spacing, and typography rules across components. This Skill automates theme generation and token management for shadcn/ui, reducing manual configuration and ensuring consistency in large projects.

Enterprise-scale React apps require standardized component patterns, performance optimization, and built-in accessibility. This Skill applies radix-ui patterns and shadcn/ui architecture to automate these concerns, with Context7 integration for documentation retrieval.

For enterprise applications, yes. A design system framework coordinates component architecture, theming, accessibility, and performance. This Skill provides that framework specifically for shadcn/ui, reducing integration complexity and manual engineering.

Context7 integration enables AI-powered documentation retrieval and component analysis. This Skill uses Context7 to surface relevant patterns, integration guides, and architectural decisions automatically during development.