React Flow Node Templates
Create typed React Flow nodes with handles, resizing, and integration patterns for a visual editor.
Based on Vite v8.3.1 (Rolldown-powered), generated at 2026-09-25. Vite 8 uses the Rolldown bundler and the Oxc transformer instead of esbuild + Rollup.
Vite is a next-generation frontend build tool with fast dev server (native ESM + HMR) and optimized production builds.
vite.config.ts| 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 |
| Topic | Description | Reference |
|---|---|---|
| Build & SSR | Library mode, SSR middleware mode, ssrLoadModule, JavaScript API |
build-and-ssr |
| 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 |
vite # Start dev server
vite build # Production build
vite preview # Preview production build
vite build --ssr # SSR build
import { defineConfig } from 'vite'
export default defineConfig({
plugins: [],
resolve: { alias: { '@': '/src' } },
server: { port: 3000, proxy: { '/api': 'http://localhost:8080' } },
build: { target: 'esnext', outDir: 'dist' },
})
@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 supportSource: Anthony Fu · MIT · SHA-256 shown alongside the download.
License file included. A license and checksum are not a security certification. Review package instructions and scripts before running them.
vite/BB-SKILLS-REVIEW.json2320 bytesvite/GENERATION.md134 bytesvite/LICENSE.upstream.txt1102 bytesvite/SKILL.md2524 bytesvite/SOURCE.txt312 bytesvite/references/build-and-ssr.md3820 bytesvite/references/core-config.md4133 bytesvite/references/core-features.md5270 bytesvite/references/core-plugin-api.md6147 bytesvite/references/environment-api.md4527 bytesvite/references/rolldown-migration.md5426 bytesSource and packaging checks recorded on 2026-10-03. These notes are not safety certification or measured task performance.
Your own Vite project, a compatible Node runtime and reviewed dependencies. This snapshot describes Vite 8 APIs; check your installed version before migrating.
MIT skill material; separate tooling, hosting, dependencies and model access may have costs. No external tool or account is supplied. Full skill/agent runtime evaluation has not been performed. Independent documentation-derived proof-of-concept maintained by Anthony Fu; upstream says skill effectiveness has not been fully tested. Check matching framework and package versions. Preferences are not mandatory framework rules, and code samples may be separate alternatives rather than complete files. Never put credentials in VITE_-prefixed client variables. Version-specific Rolldown and experimental environment APIs need project-specific validation.
Upstream commit: e53a142a2420e8cd812cfe9ed0484ab01bc856aa
Runtime status: not tested by this catalog. Configure your client and test the skill in your own environment.
Records are supplied by the site administrator and bound to a specific package. They are not third-party safety certification. This page does not execute skills.
No published scenario records yet. Resource availability and download counts do not imply measured task performance.
Be the first to share your experience.
Sign in to leave a review →Create typed React Flow nodes with handles, resizing, and integration patterns for a visual editor.
Build a personal portfolio around selected work, concise case studies and a clear contact path.
Plan field and lab measurements, localize bottlenecks and retest under comparable conditions.
Review browser findings, response headers and source-level security and compatibility practices.