vite-impl-project-setup

vite-impl-project-setup is a skill for Claude Code from OpenAEC-Foundation/OpenAEC-Workspace-Composer. It costs 101 tokens per session (2,574 once invoked), scanned A, original, MIT.

A setup guide for creating or configuring Vite projects, including TypeScript projects and framework plugins. Vite is a tool that runs a development server and builds web applications for production.

In plain words
What is it for?
Use it when starting a Vite app, adding Vite to an existing app, choosing a framework template, or configuring build and development scripts.
Why use it?
It helps avoid common setup mistakes such as missing TypeScript environment declarations or mismatched configuration files.

Skill for Claude Code

Written for Claude Code: installed under .claude/. Also seen: mentions Claude Code.

Good fit Use it when starting a Vite app, adding Vite to an existing app, choosing a framework template, or configuring build and development scripts.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/openaec-foundation/openaec-workspace-composer/vite-impl-project-setup
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add OpenAEC-Foundation/OpenAEC-Workspace-Composer --skill vite-impl-project-setup
Clone the repo
git clone --depth 1 https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for vite-impl-project-setup

README.md
[![agentmods](https://agentmods.dev/badge/skills/openaec-foundation/openaec-workspace-composer/vite-impl-project-setup/github.svg)](https://agentmods.dev/skills/openaec-foundation/openaec-workspace-composer/vite-impl-project-setup)
Your own site
<a href="https://agentmods.dev/skills/openaec-foundation/openaec-workspace-composer/vite-impl-project-setup"><img src="https://agentmods.dev/badge/skills/openaec-foundation/openaec-workspace-composer/vite-impl-project-setup/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for vite-impl-project-setup

Your own site · 80×15
<a href="https://agentmods.dev/skills/openaec-foundation/openaec-workspace-composer/vite-impl-project-setup"><img src="https://agentmods.dev/badge/skills/openaec-foundation/openaec-workspace-composer/vite-impl-project-setup.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 101 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,574 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00101 $0.02574
Opus 5 $0.00051 $0.01287
Sonnet 5 $0.00020 $0.00515
Haiku 4.5 $0.00010 $0.00257

Measured 10d ago against content hash 64fd53173e70, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-09, from the pricing page.

Security

Grade A, and why

vite-impl-project-setup scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.claude/skills/vite/vite-impl/vite-impl-project-setup/SKILL.md · 280 lines

How it starts

The opening of the file, as written. The whole thing — 280 lines — stays where its author put it; the contents beside it link to each section on GitHub.

vite-impl-project-setup

Quick Reference

Project Creation (create-vite)

Package Manager Command
npm npm create vite@latest my-app -- --template react-ts
pnpm pnpm create vite my-app --template react-ts
yarn yarn create vite my-app --template react-ts

Omit --template for interactive template selection.

Available Templates

Template TypeScript Variant Framework Plugin
vanilla vanilla-ts None
react react-ts @vitejs/plugin-react (Babel)
react-swc react-swc-ts @vitejs/plugin-react-swc (SWC)
vue vue-ts @vitejs/plugin-vue
preact preact-ts @preact/preset-vite
lit lit-ts None
svelte svelte-ts @sveltejs/vite-plugin-svelte
solid solid-ts vite-plugin-solid
qwik qwik-ts None (Qwik CLI)

CLI Commands

Command Alias Default Port Purpose
vite vite dev / vite serve 5173 Start dev server with HMR
vite build Production build to dist/
vite preview 4173 Preview production build locally

Common CLI Flags

Flag Example Purpose
--port <number> vite --port 3000 Set dev server port
--open vite --open Open browser on start
--mode <mode> vite build --mode staging Set mode (loads .env.staging)
--force vite --force Re-bundle dependencies, ignore cache
--host vite --host Expose on LAN (0.0.0.0)

Critical Warnings

ALWAYS set isolatedModules: true in tsconfig.json — Vite transpiles TypeScript without type information. Without this flag, code that relies on cross-file type analysis (like const enum re-exports) will silently produce incorrect output.

NEVER rely on Vite for type checking — Vite performs transpile-only. ALWAYS run tsc --noEmit separately for type safety, either in CI or as a parallel dev process.

Read the full file on GitHub · 280 lines

Files

What ships with it

3 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 10d ago First seen · 280 lines · 101 tokens per session scan A 64fd53173e70

Subscribe to this mod's changes

vite-impl-project-setup is a skill published in the GitHub repository OpenAEC-Foundation/OpenAEC-Workspace-Composer (5 stars, last pushed 5mo ago), licensed MIT. It adds 101 tokens to every session and 2,574 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

massing-bim

Drive a Massing BIM/AEC project from an AI agent over MCP — read a project's status, records, CDE, KPI and model-quality checks; run standards-compliance, schedule-risk, embodied-carbon, permit- readiness and drawing-QA analyses; author the IFC model with GUID-stable recipes; and draft RFIs. Use when the user asks to…

ibuilder/massing · 90 tokens

ara3d-sdk

Use when processing AEC/BIM 3D data in .NET 8 — mesh generation and transformation, SIMD-accelerated math, IFC/STEP/PLY to glTF/GLB/VIM conversion, plugin development. Ara3D-SDK: high-performance .NET 3D geometry and BIM library suite.

znlgis/opengis-skills · 70 tokens

elements

Use when generating building information models (BIM) programmatically in C#/.NET — wall, beam, column, floor creation, geometry kernel (BREP/CSG), glTF/IFC/JSON serialization, MEP systems, spatial grids. Hypar Elements: the smallest useful BIM — a cross-platform C# library for creating building elements without…

znlgis/opengis-skills · 81 tokens

3d-skills

Use when working with 3D Gaussian Splatting (3DGS), .ply model cleanup/compression/publishing, interactive 360-degree panorama visualization and virtual tours, AEC/BIM 3D data processing, or CSG solid modeling. Index of 5 skills: SuperSplat, Photo-Sphere-Viewer, Ara3D-SDK, Elements, and OpenCSG.NET.

znlgis/opengis-skills · 86 tokens

aios-arch

A workflow for reviewing software architecture, including service boundaries, technical choices, data and model boundaries, AI workflows, reliability, and long-term complexity.

ArchSightLabs/archsight-aios · 57 tokens

aios-product

A product-management workflow for turning an approved direction into a defined software version with a product brief, priorities, acceptance measures, pilot or user-acceptance testing, and handover details.

ArchSightLabs/archsight-aios · 76 tokens