Results for “vite”

Configure Vite projects for development and production builds, create plugins, and build libraries or apps with server-side rendering, where pages are generated on the server. The skill also covers migrating configuration to Vite 8.

• Configuring the development server and production build
• Creating Vite plugins
• Building libraries and server-rendered apps

Configure and troubleshoot Vite projects, covering environment variables, API proxies, plugins, and production builds. The skill also guides library packaging, dependency compatibility, and development server performance, with checks for exposed secrets and missing TypeScript validation.

• Configuring environment variables and development API proxies
• Investigating slow development servers and update failures
• Optimizing production bundles and checking builds

Set up and refine web projects with Vite, a tool for running development servers and building production files. It covers framework integration, environment settings, live code updates, testing configuration, and splitting code to improve loading.

• Setting up React, Vue, or Svelte projects
• Configuring environment variables and API proxies
• Splitting production code into smaller files

Wire Prisma Next into the project's build system with the right build-tool plugin — Vite today via @prisma-next/vite-plugin-contract-emit (Vite 7 / 8); Next.js / Webpack / esbuild / Rollup / Turbopack are named as gaps rather than fabricated. Always offers the Vite plugin proactively when the project is using Vite. Use for vite plugin, vite-plugin, vite.config.ts, prismaVitePlugin, contract emit on save, HMR, hot reload contract, dev server, Next.js plugin, next plugin, withPrismaNext, webpack plugin, esbuild plugin, rollup plugin, build integration, dev server plugin, vite 7, vite 8.

The English summary is being prepared. Showing the original description.

Build Vue 3 components and reusable logic, manage shared application data with Pinia, and configure Nuxt 3 projects. Supports mobile apps, offline web features, TypeScript checks, component tests, and Vite build optimization.

• Build Vue 3 components and reusable logic
• Manage shared application data with Pinia
• Configure Nuxt 3 server rendering and static generation

Build Vue 3 applications using JavaScript and JSDoc comments that describe data types. Create components and reusable logic, configure Vite, routing, and state management, and check annotations and behavior with ESLint and Vitest.

• Build Vue 3 interfaces using JavaScript
• Add JSDoc type hints to components and shared logic
• Migrate Vue 2 Options API code to Composition API

Set up a personal monitoring dashboard with Vite and TypeScript. The skill provides a folder layout, dependency and build settings, and a page entry point for organizing stock and news panels, data services, and shared utilities.

• Start a personal stock and news dashboard
• Organize panels separately from data-fetching code
• Prepare TypeScript and Vite configuration files

Build micro-frontends with qiankun 3.x, combining separate web apps inside a host app. The skill covers creating host and child apps, converting existing Vite apps, and connecting loading behavior in React or Vue.

• Creating a host app that loads separate web apps
• Creating a child app for qiankun 3.x
• Converting an existing Vite app into a child app

Write and configure unit tests, which check individual pieces of code, using Vitest. Replace dependencies with test substitutes, measure code coverage, compare saved outputs, and organize filtered or parallel test runs.

• Write unit tests for TypeScript code
• Replace functions and timers with test substitutes
• Measure coverage and compare saved outputs

Investigate memory growth and out-of-memory failures in OpenClaw tests. Compare memory measurements and heap snapshots, records of objects held in memory, to distinguish cleanup leaks from retained test modules and verify targeted fixes.

• Investigating Vitest out-of-memory failures
• Comparing heap snapshots from the same process
• Distinguishing cleanup leaks from retained test modules

Evaluate Vitest tests by the observable behavior and realistic regressions they protect. Guide new test authoring and review existing suites for duplication, dependence on implementation details, and code used only by tests, with evidence for retention or removal.

• Checking the value of a new or changed Vitest test
• Finding overlapping tests that can be consolidated
• Reviewing tests that break during behavior-preserving refactoring

Turn Stitch designs into React and Vite dashboards with reusable components and asynchronous data fetching. It applies shared design settings from DESIGN.md, includes accessibility checks, and supports optional blockchain data reads.

• Build a React dashboard from a Stitch screen
• Apply shared design settings from DESIGN.md
• Add data fetching and loading states

用于创建、配置、审查或调试基于 Vite 的前端项目、vite.config.ts、环境变量、dev server proxy、HMR、插件顺序、library mode、依赖预打包、bundle splitting 或 Vite 构建性能。React/Vue 组件架构请使用框架专项 skill；中文触发词包括 Vite 配置、vite.config、Vite 构建、Vite 性能。

The English summary is being prepared. Showing the original description.

Use when creating, configuring, reviewing, or debugging Vite-based frontend projects, vite.config.ts, env variables, dev server proxy, HMR, plugin ordering, library mode, dependency pre-bundling, bundle splitting, or Vite build performance. Use framework-specific skills for React/Vue component architecture; Chinese triggers include Vite configuration, vite.config, Vite build, Vite performance.

The English summary is being prepared. Showing the original description.

Choose and run checks for TypeScript SDK changes, including type checks, linting, builds, Vitest suites, and tests of complete runtime flows. Also guides writing or adapting CLI tests for Effect v4.

• Validate changes to TypeScript packages
• Choose focused checks for a change
• Investigate failing TypeScript CI checks

Build 2D browser games with Phaser, TypeScript, and Vite. Organize gameplay rules separately from rendering, implement cameras and sprite animation, and add HTML overlays for status displays and menus.

• Building a turn-based grid tactics game
• Creating top-down exploration or side-view action
• Adding status displays and command menus

Build documentation sites from Markdown with VitePress, then configure navigation, search, and themes. The skill also covers embedding Vue components, organizing multilingual content, and preparing deployment settings for supported hosting platforms.

• Build a documentation site from Markdown
• Customize navigation, search, and themes
• Embed Vue components in documentation

Fix 404 errors for frontend JS files when using Vite proxy. Use when: (1) Browser shows "Failed to load resource: 404" for JS/JSX files that exist on disk, (2) Vite serves HTML instead of JavaScript for module imports, (3) You have a client folder named "api" (or similar) AND a Vite proxy configured for "/api". The proxy intercepts requests for client-side files when folder names match proxy paths. Applies to Vite, Vite+React, Vite+Vue projects with dev server proxy configuration.

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

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.

The English summary is being prepared. Showing the original description.

Write JavaScript and TypeScript tests with Jest, Vitest, and Testing Library. Covers functions, UI components, and APIs, including mock replacements for external services, reusable test data, and setup for automated testing.

• Set up testing for a new project
• Test functions and API error handling
• Check React component behavior

Explore an existing Vitest 3.2 JSON test report to count results, search failed tests, and inspect file errors. Review original diagnostic details and keep tentative explanations separate from evidence, without launching tests.

• Check failure counts in an existing test report
• Search failures by file path or diagnostic text
• Inspect file errors separately from failed assertions

Build and review Cloudflare Durable Objects for applications that retain shared state, such as chat rooms, games, and booking systems. Covers SQLite storage, remote method calls, WebSockets, scheduled work, Workers integration, configuration, and Vitest tests.

• Build shared state for chat rooms, games, and bookings
• Implement remote methods, SQLite storage, WebSockets, and alarms
• Configure Workers bindings and migrations

Assists with unit and integration testing using Vitest, a Vite-native test runner. Use when writing tests, configuring mocks, setting up coverage, or migrating from Jest. Trigger words: vitest, unit testing, test runner, vi.fn, vi.mock, test coverage, jest replacement.

The English summary is being prepared. Showing the original description.