Agent skill
vite
Vite fast build tool with HMR. Use for modern frontend builds.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/vite-g1joshi-agent-skills
SKILL.md
Vite
Vite is the standard build tool for modern web development. v6.0 (2025) introduces the Environment API for runtimes like Bun/Deno and native Sass support.
When to Use
- New Projects: The default for React, Vue, Svelte, etc.
- SPA: Optimized for Single Page Apps.
- Speed: Instant server start via native ESM.
Core Concepts
Dev Server (ESM)
Vite serves files as native ESM modules. The browser downloads files as needed. No bundling in dev.
Rollup Build
Vite uses Rollup for production builds, ensuring highly optimized chunks.
Plugins
Rollup-compatible plugin system.
Best Practices (2025)
Do:
- Use
vitest: The native test runner for Vite projects. - Use
vite.config.ts: TypeScript config is standard. - Environment API: Use the new API to define custom environments (e.g.
ssr,worker).
Don't:
- Don't use
require: Vite is ESM-first. Useimport.
References
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?