vite
Configura proyectos Vite más rápido
Los proyectos Vite a menudo necesitan una configuración precisa en desarrollo, build, SSR y plugins. Esta skill ofrece a Claude, Codex y Claude Code orientación de referencia enfocada en Vite.
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 "vite". Necesito una configuración sencilla de Vite para una app TypeScript.
Resultado esperado:
Un plan de configuración conciso que cubre estructura de configuración, scripts de paquete, soporte para TypeScript, alias y variables de entorno seguras con prefijo VITE.
Usando "vite". Mi build de producción necesita un mejor manejo de assets.
Resultado esperado:
Una checklist de build que cubre assets públicos, límites de inline, directorios de salida, división de CSS, sourcemaps y pruebas de vista previa.
Usando "vite". Quiero escribir un plugin personalizado de Vite.
Resultado esperado:
Un esquema de diseño de plugin que explica hooks de ciclo de vida, orden, módulos virtuales, comportamiento de transform y cuándo usar plugins existentes.
Auditoría de seguridad
Riesgo bajoStatic analysis reported many command, network, filesystem, and environment alerts, but reviewed locations are markdown documentation examples for Vite. No prompt injection, malicious intent, credential exfiltration, or executable skill code was found; residual risk is low because the references discuss environment files and development server settings.
Problemas de riesgo bajo (3)
Factores de riesgo
⚡ Contiene scripts (3)
🌐 Acceso a red (3)
📁 Acceso al sistema de archivos (3)
🔑 Variables de entorno (3)
⚙️ Comandos externos (3)
Puntuación de calidad
Lo que puedes crear
Configurar una nueva app Vite
Elige patrones de configuración, scripts, alias y modos de entorno para iniciar un proyecto limpio.
Preparar builds de producción
Ajusta assets, targets, minificación, división en chunks, manifests y flujos de vista previa antes del lanzamiento.
Extender Vite con plugins
Comprende hooks de plugins, orden, módulos virtuales y puntos de integración para herramientas personalizadas.
Prueba estos prompts
Ayúdame a crear una configuración básica de Vite para mi app. Incluye scripts, alias y orientación segura sobre variables de entorno.
Revisa mis necesidades del servidor de desarrollo de Vite y recomienda ajustes para host, port, CORS, HMR y optimización de dependencias.
Diseña un plan de build de producción de Vite para assets, división de CSS, sourcemaps, targets, manifests y validación de vista previa.
Ayúdame a diseñar una integración de SSR o plugin de Vite. Explica hooks, comportamiento del servidor, salidas de build y consideraciones de seguridad.
Mejores prácticas
- Mantén los secretos fuera de las variables con prefijo VITE porque pueden llegar a los bundles de cliente.
- Usa patrones oficiales de plugins antes de añadir lógica personalizada de build o transform.
- Valida la salida de producción con vite preview antes de desplegar artefactos de build.
Evitar
- No expongas todas las variables de entorno mediante un prefijo de entorno vacío.
- No añadas plugins personalizados cuando un plugin de Vite mantenido ya resuelve la tarea.
- No trates las opciones del servidor de desarrollo como endurecimiento del servidor de producción.