Skills Agentes

Vite

Configuración de Vite, API de plugins, SSR y migración a Vite 8 con Rolldown. Útil para vite.config.ts, plugins Vite o librerías/apps SSR.

Estrellas
5.8k

en todo el repo

Actividad
34

0–100, la ruta de este skill

Actualizado
hace 5 meses

último commit aquí

Commits
0

últimos 90 días

Contexto
616 tok

47 tok en reposo

Paquete
8 archivos

21 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add antfu/skills --skill vite --agent claude-code

Se instala solo en este repositorio.

Qué hace

  • Configura Vite y su servidor de desarrollo (`vite.config.ts`, `defineConfig`, `loadEnv`)
  • Explica la API de plugins de Vite, hooks específicos y módulos virtuales
  • Cubre build de librerías y SSR, incluyendo `ssrLoadModule` y modo middleware
  • Documenta la Environment API de Vite 6+ para runtimes personalizados
  • Guía la migración a Vite 8 con Rolldown y el transformador Oxc

Úsalo cuando

  • Al trabajar con proyectos Vite o el archivo `vite.config.ts`
  • Al desarrollar o configurar plugins de Vite
  • Al construir librerías o aplicaciones SSR con Vite

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • Ayúdame a configurar vite.config.ts con alias y proxy
    • Cómo migro mi proyecto a Vite 8 con Rolldown
    • Necesito crear un plugin de Vite con módulos virtuales
    • Cómo hago SSR con ssrLoadModule en Vite

    SKILL.md

    En inglés

    Vite

    Based on Vite 8 beta (Rolldown-powered). Vite 8 uses Rolldown bundler and Oxc transformer.

    Vite is a next-generation frontend build tool with fast dev server (native ESM + HMR) and optimized production builds.

    Preferences

    • Use TypeScript: prefer vite.config.ts
    • Always use ESM, avoid CommonJS

    Core

    Topic Description Reference
    Configuration vite.config.ts, defineConfig, conditional configs, loadEnv core-config
    Features import.meta.glob, asset queries (?raw, ?url), import.meta.env, HMR API core-features
    Plugin API Vite-specific hooks, virtual modules, plugin ordering core-plugin-api

    Build & SSR

    Topic Description Reference
    Build & SSR Library mode, SSR middleware mode, ssrLoadModule, JavaScript API build-and-ssr

    Advanced

    Topic Description Reference
    Environment API Vite 6+ multi-environment support, custom runtimes environment-api
    Rolldown Migration Vite 8 changes: Rolldown bundler, Oxc transformer, config migration rolldown-migration

    Quick Reference

    CLI Commands

    vite              # Start dev server
    vite build        # Production build
    vite preview      # Preview production build
    vite build --ssr  # SSR build
    

    Common Config

    import { defineConfig } from 'vite'
    
    export default defineConfig({
      plugins: [],
      resolve: { alias: { '@': '/src' } },
      server: { port: 3000, proxy: { '/api': 'http://localhost:8080' } },
      build: { target: 'esnext', outDir: 'dist' },
    })
    

    Official Plugins

    • @vitejs/plugin-vue - Vue 3 SFC support
    • @vitejs/plugin-vue-jsx - Vue 3 JSX
    • @vitejs/plugin-react - React with Oxc/Babel
    • @vitejs/plugin-react-swc - React with SWC
    • @vitejs/plugin-legacy - Legacy browser support

    Reproducido de antfu/skills bajo licencia MIT. Leer esta página en markdown.

    Archivos

    8 archivos en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Detalles

    Creador
    antfu
    Licencia
    MIT
    Recursos incluidos
    referencias
    Repositorio
    antfu/skills
    Código fuente
    Ver SKILL.md

    Etiquetas

    Más de antfu/skills

    Este repo incluye 19 skills. Si instalas uno, normalmente ya tienes los demás.

    Antfu

    5.8k

    Herramientas y convenciones de Anthony Fu para proyectos JavaScript/TypeScript: configuración de ESLint, monorepos y publicación de librerías.

    Costo de contexto al activarse
    1.3k tok
    Tamaño del paquete
    6 archivos
    Última actualización
    el mes pasado
    herramientas desarrollo

    Guía sobre Turborepo: turbo.json, dependsOn, caching, remote cache, la CLI turbo, --filter, --affected, optimización de CI, variables de entorno y estructura de monorepos.

    Costo de contexto al activarse
    7.1k tok
    Tamaño del paquete
    28 archivos
    Última actualización
    el mes pasado
    devops infraestructura

    Convenciones de diseño estilo antfu: tokens semánticos basados en clases con UnoCSS para light/dark, más reglas anti-slop y de micro-interacción para devtools y landing pages.

    Costo de contexto al activarse
    1.3k tok
    Tamaño del paquete
    15 archivos
    Última actualización
    el mes pasado
    diseno ui

    Slidev

    5.8k

    Crea y presenta slidedecks web para desarrolladores con Slidev, usando Markdown, componentes Vue, resaltado de código, animaciones y funciones interactivas.

    Costo de contexto al activarse
    2.2k tok
    Tamaño del paquete
    56 archivos
    Última actualización
    el mes pasado
    documentos

    Nitro

    5.8k

    Nitro es el toolkit de servidor agnóstico de framework (usado por Nuxt) para construir y desplegar servidores web en cualquier lugar: routing, config, caching, tasks, websockets y despliegue en Node/Bun/Deno/Cloudflare/Vercel.

    Costo de contexto al activarse
    880 tok
    Tamaño del paquete
    15 archivos
    Última actualización
    el mes pasado
    desarrollo apis

    Nuxt

    5.8k

    Framework full-stack Vue con SSR, auto-imports y routing basado en archivos. Úsalo para apps Nuxt, server routes, useFetch, middleware o hybrid rendering.

    Costo de contexto al activarse
    977 tok
    Tamaño del paquete
    20 archivos
    Última actualización
    el mes pasado
    herramientas desarrollo