Características principales
Shadcn Dashboard Kit incluye más de 200 bloques de interfaz de usuario listos para producción y más de 400 componentes, probados en distintos navegadores y dispositivos para eliminar el trabajo de depuración común que se genera al crear interfaces de usuario a partir de prompts sin procesar de LLM. Todos los componentes se construyen sobre primitivos accesibles sin estilos de Base UI, con control total de personalización de diseño a través de variables CSS y la configuración de Tailwind.
Funcionalidades del AI Builder
El constructor integrado de paneles de control con IA convierte indicaciones en lenguaje natural en paneles de control completos listos para producción en segundos. Genera código limpio de Next.js 16 y Shadcn UI con visualizaciones interactivas de Recharts, tablas de datos de TanStack, preajustes de temas de marca, soporte para modo oscuro y código TypeScript exportable. El constructor de IA también admite el despliegue con un clic y la sincronización con GitHub.
Integración con el servidor MCP
Puedes conectar el servidor del Protocolo de Contexto de Modelo incluido a editores de código con IA como Cursor, Claude Code, Cline, Windsurf y v0. El servidor indexa el registro completo de componentes, por lo que tu asistente de IA tiene conocimiento total del espacio de trabajo y puede generar código de interfaz de usuario preciso y consistente que se adapte a la estructura de tu proyecto existente, sin necesidad de pegar contexto manualmente.
Complementos e integraciones admitidas
El programa trae herramientas para desarrolladores populares preconfiguradas, listas para usar inmediatamente:
Integraciones de autenticación de Supabase Auth + DB, Clerk y NextAuth
TanStack Table con ordenamiento, filtrado, paginación y virtualización integrados
Zod para la validación de formularios con seguridad de tipos
Animaciones optimizadas de alto rendimiento de Framer Motion
Dnd kit para componentes de arrastrar y soltar accesibles
SWR para la obtención de datos en caché de forma eficiente
i18n React para soporte de varios idiomas
Editor de texto enriquecido Tiptap con soporte para markdown
Variaciones de paneles de control disponibles
Se incluyen plantillas de paneles de control preconstruidas para casos de uso comunes:
Puedes cambiar entre varios modos de diseño, incluida la navegación horizontal, la barra lateral plegable, la barra lateral compacta mini y el modo de lectura de derecha a izquierda RTL. Hay preajustes de temas dinámicos como Lyra, Nova, Maia, Mira, Luma, Vega y Rhea para cambiar la estética general del diseño con un solo clic.
Workflows de uso
Puedes usar la plantilla completa de Next.js para iniciar un proyecto desde cero, o usar la CLI oficial para instalar bloques individuales directamente en tu proyecto existente. La CLI configura automáticamente las rutas de importación e instala todas las dependencias necesarias para los componentes seleccionados.
Cada componente y bloque tiene un prompt de IA preconstruido listo para usar, que puedes pegar en ChatGPT, Claude u otros LLMs para generar extensiones o modificaciones de interfaz de usuario que sigan las convenciones de arquitectura del programa. Los archivos estructurados .agents.md le dan a tu asistente de IA visibilidad completa de la estructura de tu base de código, para reducir explicaciones repetidas y el gasto innecesario de tokens.
Derechos de uso
Los bloques y componentes gratuitos se pueden usar en proyectos personales, comerciales, de SaaS y para clientes. Todos los planes de pago incluyen la propiedad total del código fuente, sin regalías recurrentes ni cuotas por usuario, y permiten el uso en productos SaaS comerciales, herramientas internas y trabajos para clientes. Los planes Pro, Teams y Enterprise también incluyen el kit completo de diseño de Figma correspondiente.
Comentarios