Communitygithub.com

nuxt/nuxt-ui

Construye interfaces de usuario con @nuxt/ui v4 — más de 125 componentes Vue accesibles con theming de Tailwind CSS. Úsalo al crear interfaces, personalizar temas para que coincidan con una marca, construir formularios o componer diseños como paneles, sitios de documentación e interfaces de chat.

¿Qué es nuxt-ui?

Esta skill te permite construir interfaces de usuario modernas y accesibles utilizando @nuxt/ui v4, una biblioteca de más de 125 componentes Vue.js con theming basado en Tailwind CSS. Es especialmente útil cuando necesitas crear interfaces desde cero, personalizar temas para reflejar la identidad de una marca, desarrollar formularios complejos o armar layouts profesionales como dashboards, sitios de documentación e interfaces de chat. La skill se integra a la perfección con los asistentes de IA como Claude Code, Cursor y Codex, permitiéndote generar código de interfaz completo con solo describir lo que necesitas. Aprovecha el sistema de componentes de Nuxt UI, que incluye desde botones y menús hasta tablas y modales, todos optimizados para accesibilidad y rendimiento. Con el theming de Tailwind CSS, puedes personalizar colores, tipografías y espaciados de manera consistente, asegurando que tu interfaz se adapte a cualquier identidad visual. Además, la skill soporta la composición de layouts complejos usando slots y propiedades de los componentes, lo que facilita la creación de interfaces reutilizables y mantenibles.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/nuxt/ui/tree/main/skills/nuxt-ui

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace nuxt-ui?

Construye interfaces de usuario con @nuxt/ui v4 — más de 125 componentes Vue accesibles con theming de Tailwind CSS. Úsalo al crear interfaces, personalizar temas para que coincidan con una marca, construir formularios o componer diseños como paneles, sitios de documentación e interfaces de chat.

Skills relacionados