DiscordSign up
SKILLS.SH

vite

Next-generation frontend build tool with native ESM dev server, HMR, and Rolldown-powered production builds. Fast development server using native ES modules and hot module replacement; production builds optimized with Rolldown bundler and Oxc transformer Configuration via vite.config.ts with support for conditional configs, environment variables, and TypeScript; plugin API for extending build behavior Built-in asset handling with import queries ( ?raw , ?url ), glob imports, and import.meta.env for environment-based logic Library mode and SSR support including middleware mode, ssrLoadModule , and JavaScript API for programmatic builds Official plugins available for Vue 3, React, JSX, and legacy browser support; Vite 8 migration guide for Rolldown adoption

INSTALLATION
npx skills add https://github.com/onmax/nuxt-skills --skill vite
Run in your project or agent environment. Adjust flags if your CLI version differs.

SKILL.md

$2a

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

Cross-Skill References

  • Testing → Use vitest skill (Vite-native testing)
  • Vue projects → Use vue skill for component patterns
  • Library bundling → Use tsdown skill for TypeScript libs
BrowserAct

Let your agent run on any real-world website

Bypass CAPTCHA & anti-bot for free. Start local, scale to cloud.

Explore BrowserAct Skills →

Related skills

find-skills
2/3

Discover and install specialized agent skills from the open ecosystem when users need extended capabilities. Helps identify relevant skills by domain and task when users ask "how do I do X" or "find a skill for X" Integrates with the Skills CLI ( npx skills find , npx skills add ) to search, verify, and install packages from the skills.sh directory Recommends skills based on install count, source reputation, and GitHub stars to ensure quality before suggesting installation Presents skill options with install commands and links to skills.sh for user review and one-click installation

Verified authorvercel-labs
SKILLS.SH
1.5M19.6K
2026-05-22
vercel-react-best-practices
3/3

React and Next.js performance optimization guide with 64 prioritized rules across 8 categories. Organized by impact level, from critical waterfalls and bundle optimization down to advanced patterns, each rule includes incorrect/correct code examples and explanations Covers eight domains: async patterns, bundle size, server-side caching, client-side data fetching, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns Designed for use during component writing, code review, refactoring, and performance audits on React and Next.js applications Each rule has a prefix code (e.g., async-parallel , bundle-barrel-imports ) for easy reference in automated tooling and documentation

Verified authorvercel-labs
SKILLS.SH
389K26.9K
2026-05-22
azure-validate
2/3

Pre-deployment validation for Azure infrastructure, configuration, and permissions before deployment. Requires .azure/plan.md from a prior azure-prepare run; stops immediately if the plan is missing Executes recipe-specific validation commands (azd provision, bicep build, terraform validate) and records proof in the plan document Performs build verification, configuration checks, and permission validation; blocks deployment if any check fails Only authorized method to set plan status to Validated ; must be followed by azure-deploy skill to execute the actual deployment

Verified authormicrosoft
SKILLS.SH
324K1.1K
2026-05-22
appinsights-instrumentation
3/3

Guidance and reference material for instrumenting webapps with Azure Application Insights. Covers SDK setup, telemetry patterns, and configuration for ASP.NET Core and Node.js applications hosted in Azure Distinguishes between this skill (reference and guidance) and azure-prepare (actual implementation); invoke azure-prepare when the user wants to add instrumentation to their project Provides auto-instrumentation guidance for C# ASP.NET Core apps in Azure App Service, plus manual instrumentation paths for creating App Insights resources via Bicep templates or Azure CLI Includes language-specific code modification guides for ASP.NET Core, Node.js, and Python, plus quick references for OpenTelemetry SDKs and exporters

Verified authormicrosoft
SKILLS.SH
324K1.1K
2026-05-22

Stop writing automation&scrapers

Install the CLI. Run your first Skill in 30 seconds. Scale when you're ready.

Start free
free · no credit card