Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Vite · antfu | DecimalAI

Vite

SkillScore23Maintained

vite

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.

Frontendby antfu

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

1 · One-time — install the CLI (docs ↗)

pip install decimalai

2 · Get the skill — writes .claude/skills/vite/SKILL.md

decimalai skills pull vite --out .claude/skills/

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/vite/SKILL.md https://app.decimal.ai/s/vite/SKILL.md

Raw file: /s/vite/SKILL.md ↗ · machine-readable summary at /s/vite.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

22 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 60d ago

Yes — +23% lift-20% tokens0% turns23% of whole cases pass with skill (5/22)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-06	✗→✓	▲ Improved	—	—
case-07	✗→✓	▲ Improved	—	—
case-10	✗→✓	▲ Improved	—	—
case-05	✗→✓	▲ Improved	—	—
case-19	✗→✓	▲ Improved	—	—

Showing 5 of 22 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 7/30/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

antfu / skills

skills/vite/SKILL.md

View on GitHub ↗

License MITImported 8/1/2026Version v1Bundled 6 files

Skill contents

references/

SKILL.md

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

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

Common Config

ts
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

Illustrative Want to see what vite would put in front of your model? Preview the rendered body and check its trigger phrases — no LLM call, no signup.

Latest benchmark · publisher runVerified

7/24/2026, 12:38 UTC · 22 cases

Lift

+23%

23% vs 0%

Agent turns

1.0 vs 1.0

Tokens

-20%

1,366.5 vs 1,716.82

fail → pass · 5fail → fail · 17

Per-case results (22)

Case	Status	Duration (ms)			Turns			Tokens			Tool calls
Case	Status	Without	With	Δ	Without	With	Δ	Without	With	Δ	Without	With	Δ
case-20 Which programmatically accessible server function is used during dev server execution to load modules for server-side rendering?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-09 Show how to configure a local development server proxy in the configuration file so that HTTP requests starting with `/api` are redirected to `http://localhost:8080`.	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-03 How do you configure a standalone Rollup 4 build script using `rollup.rollup()` in Node.js without any dev server integrations?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-17 What is the official plugin package name that uses SWC for fast React Fast Refresh and JSX transformation?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-21 In standard default build configurations, what value is recommended for `build.target`?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-06 Which bundler engine powers production builds and module processing in version 8 of the build tool?	fail→pass	—	—	—	—	—	—	—	—	—	—	—	—
case-01 How do you write a custom loader function in Webpack 5 that receives source content and returns transformed code using the compiler context `this.async()`?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-07 Which code transformer tool is used for AST transformation and syntax parsing in version 8 of the build tool?	fail→pass	—	—	—	—	—	—	—	—	—	—	—	—
case-16 What is the official plugin package name required to compile Vue 3 Single File Components (.vue)?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-22 Which core utility function is used within configuration files to load environment variables based on mode and directory context?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-10 How do application client components access environment variables exposed at runtime in standard ESM frontend code?	fail→pass	—	—	—	—	—	—	—	—	—	—	—	—
case-14 Which command-line interface command serves the built production assets locally for testing before deployment?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-05 Which JavaScript module system should be used exclusively for project configuration and build scripts, and which legacy module system should be avoided?	fail→pass	—	—	—	—	—	—	—	—	—	—	—	—
case-02 How do you write a standalone esbuild plugin using `build.onResolve` and `build.onLoad` hooks for custom module resolution?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-19 Which API introduced in version 6 framework design enables custom runtimes and multi-environment execution management?	fail→pass	—	—	—	—	—	—	—	—	—	—	—	—
case-12 How can a developer import the raw unparsed string content of a text or CSS file directly into JS code using URL queries?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-15 Which CLI command flag triggers a production build tailored specifically for server-side rendering?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-08 Provide a sample configuration block showing how to map `@` to `/src` for import resolution in the configuration file.	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-13 How can a developer obtain the resolved static URL path of a asset file as a string import using query parameters?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-04 What file extension and configuration wrapper function should be used by default when setting up build configuration for a modern TypeScript web application?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-11 What built-in feature allows importing multiple modules matching a file pattern directly into a JavaScript application without manual individual import statements?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—
case-18 Which official plugin handles legacy browser chunk generation and polyfills for browsers that lack native ESM support?	fail→fail	—	—	—	—	—	—	—	—	—	—	—	—

These cases were also screened by the skill’s intent / safety pass.See the Trust review ↗Reproduce this benchmark in Colab ↗

How this skill was measured

DecimalAI ran this skill against gemini-3.6-flash twice over the same eval suite — once with the skill loaded and once without — and compared the two runs case by case. 22 cases were attempted. The headline lift of +23 percentage points is the difference between those two pass rates over the 22 comparable cases.

Model measured: gemini-3.6-flash
Graded by: gemini-3.6-flash
Grading method: judged
Verification: verified
Pass rate without the skill: 0%
Pass rate with the skill: 22.7%
Cases attempted: 22
Cases counted toward lift: 22
Cases that regressed: 0
Skill version measured: v1
Run completed: 7/24/2026, 12:38 UTC

The per-case answers from this run were removed by the retention sweep, so the case table below shows the verdicts without the text either arm produced. The counts above were recorded at the time and are unaffected. Answers are now kept for 180 days.

SkillScore blends 4 signals1 of 4 complete

BenchmarkPass rate WITH skill on a verified run23

Live evalNeeds ≥10 evaluated traces in 30 days

AI ratingNeeds ≥10 rated traces

AdoptionNeeds ≥10 serves across ≥2 orgs in 30 days

Backed by 1 of 4 signals — each added signal makes the score more robust.

Verified on gemini-3.6-flash · re-tested 2 months ago

Other measured skills in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

Vite

SkillSafety

Source

Vite

Preferences

Core

Build & SSR

Advanced

Quick Reference

CLI Commands

Common Config

Official Plugins

How this skill was measured

Related skills