vite-agents-project-scaffolder

Generate Vite project scaffolds with configuration and starter files.

4|Updated Mar 20, 2026

Search Tags:#typescript #template #scaffold #config #vite #project #webdev

Ready to run

npx skills add https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer --skill vite-agents-project-scaffolder

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: vite-agents-project-scaffolder
Source: https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer/tree/main/.claude/skills/vite/vite-agents/vite-agents-project-scaffolder
Command: npx skills add https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer --skill vite-agents-project-scaffolder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Vite project setup and configuration is error-prone and time-consuming; this skill automates generating the full scaffold with proper config, env setup, and starter files to avoid missing vite-env.d.ts or incorrect plugin choices.

Core Features & Use Cases

Automatic creation of vite.config.ts, tsconfig.json, and vite-env.d.ts aligned to the selected framework.
Starter project structure including index.html, package.json scripts, and environment templates for a smooth first run.
Framework-agnostic scaffolding with React, Vue, Svelte, and vanilla support for quick upgrades or new projects.

Quick Start

Generate a new Vite scaffold by selecting your target framework and let it output a ready-to-edit project.

Frequently Asked Questions about vite-agents-project-scaffolder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I scaffold a Vite project with TypeScript configuration?▼

To scaffold a Vite project, this skill generates a ready-to-edit structure with vite.config.ts, tsconfig.json, and vite-env.d.ts aligned to your selected framework. It automatically creates starter files and package.json scripts for a smooth first run.

Can I use this Vite scaffolder for React, Vue, or Svelte?▼

Yes, this Vite scaffolder supports React, Vue, Svelte, and vanilla stacks. It provides framework-specific defaults and guidance, applying correct plugin choices and configuration whether starting new projects or integrating Vite into existing apps.

What files are included in a generated Vite project template?▼

A generated Vite project template includes vite.config.ts, tsconfig.json, vite-env.d.ts, index.html, package.json scripts, and .env templates. These starter files ensure correct configuration and environment setup to avoid missing type definitions.

Why does my Vite project setup fail with missing vite-env.d.ts?▼

Vite project setup fails when vite-env.d.ts is missing because TypeScript lacks environment type definitions. This scaffolder solves the error by automatically generating vite-env.d.ts alongside tsconfig.json and vite.config.ts with framework-specific defaults.

What is the best way to integrate Vite into an existing app?▼

The best way to integrate Vite into an existing app is using a scaffolder to generate framework-specific configuration. This skill produces the necessary vite.config.ts, package.json scripts, and environment templates to upgrade your stack smoothly.