
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- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads vite automatically when relevant.
- 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.htmlas 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
futureconfig 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
.envvalues into config withloadEnvwhen config needs them. - Add plugins with
plugins: []and defineapplyorenforcewhen needed. - Use HMR APIs for fine-grained updates when plugin or framework needs it.
- Use
optimizeDeps.include/excludewhen deps aren't discovered on startup. - Use
build.rollupOptions.inputfor multi-page apps. - Use the top-level
inputoption to declare the entry once for apps withoutindex.html; it feedsbuild.rolldownOptions.input,build.lib.entry,build.ssr, andoptimizeDeps.entriesby default. - Enable deprecation warnings:
future: { removeSsrLoadModule: 'warn' }. - Use
hotUpdatehook instead ofhandleHotUpdatefor environment-aware HMR. - Use
this.environmentinstead ofoptions.ssrin 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
browservsmodulevia format sniffing and follows configuredresolve.mainFieldsmore strictly. - JS API
build()now throwsBundleErrorwith nested.errorswhen multiple Rolldown-level errors are present. - Rolldown transition becomes more explicit:
build.rollupOptions/worker.rollupOptionsare deprecated in favor of*.rolldownOptions.
Release Highlights (8.1.0 -> 8.1.5)
- WASM ESM integration: direct
.wasmimports work as ES modules natively. - Zero-config build caching: integration with Vite Task enables build caching without manual setup.
server.hmrrenamed toserver.ws: WebSocket options move underserver.ws; update configs that set HMR transport options.- New options:
html.additionalAssetSourcesfor custom asset sources during HTML transform,import.meta.globcaseSensitive, multiple hosts via__VITE_ADDITIONAL_SERVER_ALLOWED_HOSTS, and an extended defaultserver.fs.denylist. - 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
inputoption:input: string | string[] | { [entryAlias: string]: string }resolves relative to the project root and becomes the default value forbuild.rolldownOptions.input,build.lib.entry,build.ssr(when set totrue), andoptimizeDeps.entrieswhenever those are left unset; useful for apps that skipindex.htmland would otherwise repeat the same entry path in several options. The resolvedinputpaths are also added toserver.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 issuesfull-reload, so the "bundling in progress" fallback page no longer flashes between an edit and the reload. Worker files (new Worker(new URL(...)),?workerimports) 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 frompostcss-load-config'sConfigtype) sopostcss.config.js/.tscan be typed directly. - Network URL labeling: dev server network URLs now resolve and print the OS network-interface name (e.g.
eth0,wlan0) even whenserver.hostis 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 intoexperimental.bundledDev; the dependency optimizer's lockfile-hash cache now also recognizesaube-lock.yaml(Aube) andnub.lock(nub), so those package managers correctly invalidatenode_modules/.viteon dependency changes.
Patch Notes (8.0.14 -> 8.0.16)
- Rolldown moves to
1.0.3(was1.0.2in8.0.14); if you maintain plugin or build guidance, validate it against the current Rolldown behavior instead of assuming early8.0.xpatch semantics. - Dev server now sends HTTP
408on request timeout instead of hanging the connection (8.0.15). launch-editor-middlewarerejects 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.15fixes:/@fs/HTML-proxy cache-key mismatch, relative-glob-in-virtual-module errors when no files match, closing the Rolldown bundle whenwrite()rejects, andonWarnforviteResolvePluginin JS plugin containers.transformIndexHtmlhandles 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
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.
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.
social-writer
itechmeat/llm-code
Open the skill to read its SKILL.md instructions.
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.
refine-dev
itechmeat/llm-code
Open the skill to read its SKILL.md instructions.
Popular backend & apis skills
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.
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.
google-agents-cli-adk-code
google/agents-cli
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).
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.
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).
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.