MCPInstall

vite

Vite next-gen frontend tooling: dev server, HMR, build, config, plugins, Environment API, Rolldown. Use when setting up or running a Vite project, configuring vite.config., authoring plugins, working with HMR or JS API, or managing environment variables and modes. Keywords: vite.config, bundler, Vite, HMR, Rolldown.

Installs
108
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/itechmeat/llm-code --skill vite
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads vite automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Vite

Quick navigation

  • Getting started: references/getting-started.md
  • Philosophy and rationale: references/philosophy.md, references/why-vite.md
  • Features: references/features.md
  • CLI: references/cli.md
  • Plugins (usage): references/using-plugins.md
  • Plugin API: references/api-plugin.md
  • HMR API: references/api-hmr.md
  • JavaScript API: references/api-javascript.md
  • Config reference: references/config.md
  • Dependency optimization: references/dep-pre-bundling.md
  • Assets: references/assets.md
  • Build: references/build.md
  • Static deploy: references/static-deploy.md
  • Env & modes: references/env-and-mode.md
  • SSR: references/ssr.md
  • Backend integration: references/backend-integration.md
  • Troubleshooting: references/troubleshooting.md
  • Performance: references/performance.md
  • Rolldown: references/rolldown.md
  • Migration: references/migration.md
  • Breaking changes: references/breaking-changes.md
  • Environment API: references/api-environment.md
  • Environment instances: references/api-environment-instances.md
  • Env plugins: references/api-environment-plugins.md
  • Env frameworks: references/api-environment-frameworks.md
  • Env runtimes: references/api-environment-runtimes.md

Core rules

  • Prefer minimal configuration; extend only as needed.
  • Keep index.html as a first-class entry point when using Vite defaults.
  • Treat dev server settings and build settings separately.
  • Document mode-dependent behavior for env variables and define.
  • Use future config to opt-in to deprecation warnings before migration.

Recipes

  • Scaffold a project with npm create vite@latest.
  • Configure aliases, server options, and build outputs in vite.config.*.
  • Load .env values into config with loadEnv when config needs them.
  • Add plugins with plugins: [] and define apply or enforce when needed.
  • Use HMR APIs for fine-grained updates when plugin or framework needs it.
  • Use optimizeDeps.include/exclude when deps aren't discovered on startup.
  • Use build.rollupOptions.input for multi-page apps.
  • Use the top-level input option to declare the entry once for apps without index.html; it feeds build.rolldownOptions.input, build.lib.entry, build.ssr, and optimizeDeps.entries by default.
  • Enable deprecation warnings: future: { removeSsrLoadModule: 'warn' }.
  • Use hotUpdate hook instead of handleHotUpdate for environment-aware HMR.
  • Use this.environment instead of options.ssr in plugin hooks.

Release Highlights (8.0.0)

  • Default browser target is raised again under baseline-widely-available.
  • CommonJS default-import interop becomes more consistent and may expose packages that relied on older ambiguous behavior.
  • Vite stops resolving browser vs module via format sniffing and follows configured resolve.mainFields more strictly.
  • JS API build() now throws BundleError with nested .errors when multiple Rolldown-level errors are present.
  • Rolldown transition becomes more explicit: build.rollupOptions / worker.rollupOptions are deprecated in favor of *.rolldownOptions.

Release Highlights (8.1.0 -> 8.1.5)

  • WASM ESM integration: direct .wasm imports work as ES modules natively.
  • Zero-config build caching: integration with Vite Task enables build caching without manual setup.
  • server.hmr renamed to server.ws: WebSocket options move under server.ws; update configs that set HMR transport options.
  • New options: html.additionalAssetSources for custom asset sources during HTML transform, import.meta.glob caseSensitive, multiple hosts via __VITE_ADDITIONAL_SERVER_ALLOWED_HOSTS, and an extended default server.fs.deny list.
  • 8.1.1 -> 8.1.5: stability only (stack-trace handling, dependency bumps, module-resolution edge cases).

Release Highlights (8.2.0)

  • New top-level input option: input: string | string[] | { [entryAlias: string]: string } resolves relative to the project root and becomes the default value for build.rolldownOptions.input, build.lib.entry, build.ssr (when set to true), and optimizeDeps.entries whenever those are left unset; useful for apps that skip index.html and would otherwise repeat the same entry path in several options. The resolved input paths are also added to server.fs.allow, matching how imported modules are already allowed.
  • Bundled dev mode (experimental.bundledDev): a boundary-less edit now triggers exactly one reload; the client tells the server to rebuild first and only then issues full-reload, so the "bundling in progress" fallback page no longer flashes between an edit and the reload. Worker files (new Worker(new URL(...)), ?worker imports) are now correctly re-emitted through HMR instead of going stale after an edit.
  • Native loader / native-config compatibility: warnings about features unsupported by configLoader: 'native' now include a column alongside the line number, and virtual modules are excluded from the native-config compatibility check so plugin-generated virtual files no longer trigger false positives.
  • Type-safe PostCSS config: Vite exports PostcssUserConfig (re-exported from postcss-load-config's Config type) so postcss.config.js/.ts can be typed directly.
  • Network URL labeling: dev server network URLs now resolve and print the OS network-interface name (e.g. eth0, wlan0) even when server.host is an explicit address, not only when Vite auto-detects every interface.
  • Rolldown and optimizer updates: Rolldown bumps to ~1.2.0, bringing client-side HMR handling into experimental.bundledDev; the dependency optimizer's lockfile-hash cache now also recognizes aube-lock.yaml (Aube) and nub.lock (nub), so those package managers correctly invalidate node_modules/.vite on dependency changes.

Patch Notes (8.0.14 -> 8.0.16)

  • Rolldown moves to 1.0.3 (was 1.0.2 in 8.0.14); if you maintain plugin or build guidance, validate it against the current Rolldown behavior instead of assuming early 8.0.x patch semantics.
  • Dev server now sends HTTP 408 on request timeout instead of hanging the connection (8.0.15).
  • launch-editor-middleware rejects UNC paths and Windows alternate paths, closing a local path-traversal vector (8.0.16); relevant if you expose the dev server beyond localhost.
  • 8.0.15 fixes: /@fs/ HTML-proxy cache-key mismatch, relative-glob-in-virtual-module errors when no files match, closing the Rolldown bundle when write() rejects, and onWarn for viteResolvePlugin in JS plugin containers.
  • transformIndexHtml handles trailing-slash paths more reliably, which matters for plugins and static deploy setups that rewrite or inject HTML on directory-style URLs.
  • Dependency scanning now passes Oxc JSX options through the optimizer path, so JSX-heavy linked dependencies should behave closer to the main transform pipeline.

Prohibitions

  • Do not copy large verbatim chunks from vendor docs.
  • Do not assume framework-specific behavior without verifying.

Links

FAQ

What does the vite skill do?

Vite next-gen frontend tooling: dev server, HMR, build, config, plugins, Environment API, Rolldown. Use when setting up or running a Vite project, configuring vite.config., authoring plugins, working with HMR or JS API, or managing environment variables and modes. Keywords: vite.config, bundler, Vite, HMR, Rolldown.

How do I install vite?

Run npx skills add https://github.com/itechmeat/llm-code --skill vite in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/vite/ (personal) or .claude/skills/vite/ (project).

Which AI agents can use vite?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is vite safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains vite?

It is published by itechmeat in itechmeat/llm-code. It has 108 recorded installs.

More from itechmeat/llm-code

View all →

react-testing-library

itechmeat/llm-code

React Testing Library: user-centric component testing with queries, user-event simulation, async utilities, and accessibility-first API. Use when writing React component tests, selecting elements by role/label/text, simulating user events, or testing async UI behavior. Keywords: React Testing Library, @testing-library/react, user-event, queries, render.

Frontend & Design1.4K installs

openspec

itechmeat/llm-code

OpenSpec artifact-driven workflow. Covers OPSX commands, schemas, project config. Use when applying the artifact-driven workflow (OPSX), planning or reviewing changes based on artifact dependencies, or working with OPSX commands and schema/template resolution. Keywords: OPSX, artifact graph, /opsx:.

mantine-dev

itechmeat/llm-code

Open the skill to read its SKILL.md instructions.

AI & Agents286 installs

social-writer

itechmeat/llm-code

Open the skill to read its SKILL.md instructions.

Docs & Writing265 installs

base-ui

itechmeat/llm-code

Base UI unstyled React components. Covers forms, menus, overlays, composition. Use when building accessible, unstyled React UI components with @base-ui/react, composing with render props, or implementing custom-styled form controls, menus, and overlays. Keywords: @base-ui/react, render props, unstyled components.

Frontend & Design228 installs

refine-dev

itechmeat/llm-code

Open the skill to read its SKILL.md instructions.

AI & Agents206 installs

Popular backend & apis skills

View category →

find-skills

vercel-labs/skills

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.

OfficialBackend & APIs4.1M installs

entra-app-registration

microsoft/azure-skills

Guides Microsoft Entra ID app registration, OAuth 2.0 authentication, and MSAL integration. USE FOR: create app registration, register Azure AD app, configure OAuth, set up authentication, add API permissions, generate service principal, MSAL example, console app auth, Entra ID setup, Azure AD authentication. DO NOT USE FOR: Key Vault secrets (use azure-keyvault-expiration-audit), general Azure resource security guidance.

OfficialBackend & APIs566.7K installs

This skill should be used when the user wants to "write agent code", "build an agent with ADK", "add a tool", "create a callback", "define an agent", "use state management" — in a project that needs ADK (Agent Development Kit) API patterns and code examples. It provides a quick reference for agent types, tool definitions, orchestration patterns, callbacks, state management, the graph Workflow API, and reference recipes to study. Do NOT use for scaffolding (use google-agents-cli-scaffold) or deployment (use google-agents-cli-deploy).

Backend & APIs514.8K installs

embedded-captions

heygen-com/hyperframes

Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, “炸/特效/酷炫字幕,” or a named identity from the 35-style catalog. Route by visual identity, not by backend engine. The quiet anchor rail is the default; embed every word only when the user explicitly wants a fully cinematic treatment. The workflow runs locally end to end, including transcription and subject matting; split multi-shot footage before applying it.

Backend & APIs453.3K installs

entra-agent-id

microsoft/azure-skills

Provision Microsoft Entra Agent Identity Blueprints, BlueprintPrincipals, and per-instance Agent Identities via Microsoft Graph, and configure OAuth 2.0 token exchange (fmipath, OBO, cross-tenant) including the Microsoft Entra SDK for AgentID sidecar. USE FOR: Agent Identity Blueprint, BlueprintPrincipal, agent OAuth, fmipath token exchange, agent OBO, Workload Identity Federation for agents, polyglot agent auth, Microsoft.Identity.Web.AgentIdentities. DO NOT USE FOR: standard Entra app registration (use entra-app-registration), Microsoft Foundry agent authoring (use microsoft-foundry).

OfficialBackend & APIs336.6K installs

neon

neondatabase/agent-skills

Overview of Neon, a complete set of cloud backend primitives around Lakebase Postgres: Auth, Object Storage, Functions, the AI Gateway, and Realtime. Start here to choose Neon for undecided login, files, APIs, and LLM calls, set up the CLI or MCP server, and follow the branch-first workflow. Use when building an app or backend on Neon, or when "Neon" or "Lakebase Postgres" is mentioned. Child skill neon-postgres wins for an existing DATABASEURL, SQL, schema, inspect, or search. Child skill neon-auth wins for login, users, sessions, identity routing, and Managed Better Auth setup. Child skill neon-realtime wins for live queries in reactive apps and agents. Also use for object storage, S3, buckets, serverless functions, function triggers, cron, AI gateway, LLM calls, realtime, logs, Loki, Grafana, observability, postgres, database, backend, Claimable Neon, neon.new, or a no-signup database.

Backend & APIs237.1K installs