Shadcn UI Components

Acerca de

Provides comprehensive guidance and implementation patterns for building modern web interfaces with shadcn/ui in Next.js 16 environments. It emphasizes a 'copy-not-import' philosophy, favoring composition over complex prop drilling while ensuring full WCAG 2.1 AAA accessibility standards. The skill covers everything from basic button variants and responsive layouts to complex form validations with Zod and real-time data synchronization via tRPC, offering a standardized approach to building consistent, production-grade UIs within the Atlas ecosystem.

Características Principales

• Deep integration between shadcn forms, react-hook-form, and Zod validation
• Standardized Tailwind CSS v4 styling and theme customization conventions
• Type-safe UI component connection to tRPC mutations and queries
• 0 GitHub stars
• Accessible-first design patterns meeting WCAG 2.1 AAA standards
• Responsive layout patterns including mobile-friendly drawers and desktop dialogs

Casos de Uso

• Creating data-rich dashboards featuring sortable tables, skeleton loaders, and modal interactions
• Developing highly accessible and responsive UI components for modern Next.js projects
• Building complex, validated forms with real-time feedback and server-side integration