nuxt
Crea aplicaciones Nuxt con orientación del framework
También disponible en: onmax
Los proyectos Nuxt requieren tomar decisiones correctas sobre SSR, enrutamiento, obtención de datos, módulos y despliegue. Esta skill proporciona a Claude, Codex y Claude Code orientación enfocada en Nuxt a partir de referencias orientadas al framework.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Recursos legibles por agentes
Usa estos enlaces cuando un AI Agent, crawler o script necesite contexto limpio en lugar de leer toda la página.
Pruébalo
Usando "nuxt". Revisar una página Nuxt que obtiene datos iniciales de productos con una alternativa mediante un click handler.
Resultado esperado:
- Recomendación de usar useFetch para datos iniciales en SSR.
- Orientación para reservar $fetch para acciones iniciadas por el usuario.
- Notas sobre comportamiento de carga, error, actualización e hidratación.
Usando "nuxt". Planificar el despliegue de una aplicación Nuxt con páginas de marketing y rutas de panel autenticadas.
Resultado esperado:
- Estrategia sugerida de renderizado híbrido por tipo de ruta.
- Consideraciones de despliegue de Nitro para la plataforma seleccionada.
- Notas de configuración en tiempo de ejecución para valores públicos y solo de servidor.
Usando "nuxt". Organizar UI compartida y composables entre múltiples aplicaciones Nuxt.
Resultado esperado:
- Plan de uso compartido basado en layers para componentes, composables, layouts y config.
- Orientación sobre creación de módulos cuando el comportamiento debe empaquetarse.
- Consejos de nomenclatura y auto-import para evitar colisiones.
Auditoría de seguridad
Riesgo bajoStatic analysis reported many command, network, filesystem, script, and environment patterns, but review shows they are Markdown documentation examples for Nuxt. No prompt injection, hidden executable code, credential exfiltration, or malicious automation was found in the reviewed files.
Problemas de riesgo bajo (3)
Factores de riesgo
⚙️ Comandos externos (4)
🌐 Acceso a red (4)
📁 Acceso al sistema de archivos (4)
⚡ Contiene scripts (3)
🔑 Variables de entorno (2)
Puntuación de calidad
Lo que puedes crear
Planificar la estructura de una aplicación Nuxt
Elegir carpetas, convenciones de enrutamiento, ubicación del middleware y límites de configuración para un nuevo proyecto Nuxt.
Corregir problemas de SSR e hidratación
Identificar APIs de navegador inseguras, estado compartido del servidor y patrones de obtención de datos que causan discrepancias de hidratación.
Preparar Nuxt para el despliegue
Seleccionar modos de renderizado, presets de Nitro, generación estática y configuración en tiempo de ejecución para una plataforma de alojamiento objetivo.
Prueba estos prompts
Explica cómo funciona el enrutamiento basado en archivos de Nuxt para esta aplicación. Incluye dónde deben ir pages, layouts, middleware y la validación de rutas.
Revisa mi enfoque de obtención de datos en Nuxt. Dime cuándo usar useFetch, useAsyncData o $fetch, y señala riesgos de SSR.
Diseña la estructura de rutas de servidor de Nuxt para esta funcionalidad. Incluye rutas API, middleware, validación de solicitudes, cookies y necesidades de runtime config.
Crea un plan de arquitectura Nuxt usando layers, modules, hooks, reglas de renderizado y presets de despliegue para estos requisitos de producto.
Mejores prácticas
- Proporciona la versión de Nuxt, el objetivo de despliegue y los requisitos de renderizado antes de pedir asesoramiento de arquitectura.
- Incluye archivos relevantes como nuxt.config.ts, archivos de rutas, composables y handlers de servidor para una revisión precisa.
- Pregunta por separado sobre el comportamiento SSR y de cliente al depurar problemas de hidratación, estado u obtención de datos.
Evitar
- No pidas consejos genéricos de Vue cuando el problema dependa del enrutamiento de Nuxt, Nitro o el comportamiento de SSR.
- No expongas configuración en tiempo de ejecución solo de servidor bajo claves de configuración públicas.
- No uses APIs exclusivas del navegador durante el renderizado del servidor sin una protección client-only o una alternativa.
Preguntas frecuentes
¿A qué versión de Nuxt está dirigida esta skill?
¿Puede crear una aplicación Nuxt completa?
¿Cubre rutas de servidor?
¿Puede ayudar con errores de hidratación?
¿Incluye orientación de despliegue?
¿Es segura para publicar?
Detalles del desarrollador
Estructura de archivos