How do I install the Pages Build Vite skill?

Run npx skillmds@latest add stuffbucket/pages-build-vite in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Pages Build Vite skill do?

pages-build-vite It is listed under Coding & Dev Tools on SkillMD.

Is Pages Build Vite safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Pages Build Vite?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Pages Build Vite free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Pages Build Vite?

stuffbucket (@stuffbucket) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Pages Build Vite by stuffbucket — Agent Skill

Name: Pages Build Vite
Author: stuffbucket

File contents

pages-build-vite

Locally build the Vite project and verify the dist/ output is ready for Pages deployment.

When to Use

After pages-prepare-vite has patched vite.config.ts and written the workflow
Before committing — to confirm the build succeeds locally
When troubleshooting Pages deployment failures (reproduce the CI build locally)

Pipeline Position

pages-prepare-vite  →  [pages-build-vite]  →  pages-commit-vite  →  pages-push-vite  →  pages-publish-vite

What This Skill Does

Detects package manager from lockfile (pnpm-lock.yaml → pnpm, yarn.lock → yarn, else npm)
Checks that vite.config.ts has a base property set
Runs npm run build / pnpm run build / yarn build
Verifies dist/ exists and contains dist/index.html

dist/ is gitignored — the workflow builds it fresh in CI. This step is local verification only.

How to Use

bash skills/pages-build-vite/scripts/build_pages.sh

Expected Output

=== pages-build-vite ===
  Package manager: npm
  base: '/my-app/'

── Running build
... vite build output ...

── Verifying dist/
  ✓ dist/ exists
  ✓ 42 files
  ✓ dist/index.html present: yes

=== Build verified — ready for pages-commit-vite ===

Common Issues

Symptom	Fix
`No 'base' property found`	Run `pages-prepare-vite` first
`dist/index.html` missing	Check `build.outDir` in vite.config (should be `dist`)
Build crashes on type errors	Run `pages-prepare-vite` to ensure TypeScript is configured
Assets 404 on deployed site	Verify `base` matches the repo name exactly

Guidelines

Run from the project root
Does not commit or push anything
Safe to run repeatedly — cleans and rebuilds dist/ each time
Fix any build errors before proceeding to pages-commit-vite

---name: pages-build-vitedescription: pages-build-vite---# pages-build-viteLocally build the Vite project and verify the `dist/` output is ready for Pages deployment.## When to Use- After `pages-prepare-vite` has patched `vite.config.ts` and written the workflow- Before committing — to confirm the build succeeds locally- When troubleshooting Pages deployment failures (reproduce the CI build locally)## Pipeline Position```textpages-prepare-vite → [pages-build-vite] → pages-commit-vite → pages-push-vite → pages-publish-vite```## What This Skill Does1. Detects package manager from lockfile (`pnpm-lock.yaml` → pnpm, `yarn.lock` → yarn, else npm)2. Checks that `vite.config.ts` has a `base` property set3. Runs `npm run build` / `pnpm run build` / `yarn build`4. Verifies `dist/` exists and contains `dist/index.html`> `dist/` is gitignored — the workflow builds it fresh in CI. This step is local verification only.## How to Use```bashbash skills/pages-build-vite/scripts/build_pages.sh```## Expected Output```text=== pages-build-vite === Package manager: npm base: '/my-app/'── Running build... vite build output ...── Verifying dist/ ✓ dist/ exists ✓ 42 files ✓ dist/index.html present: yes=== Build verified — ready for pages-commit-vite ===```## Common Issues| Symptom | Fix || --------- | ----- || `No 'base' property found` | Run `pages-prepare-vite` first || `dist/index.html` missing | Check `build.outDir` in vite.config (should be `dist`) || Build crashes on type errors | Run `pages-prepare-vite` to ensure TypeScript is configured || Assets 404 on deployed site | Verify `base` matches the repo name exactly |## Guidelines- Run from the project root- Does not commit or push anything- Safe to run repeatedly — cleans and rebuilds `dist/` each time- Fix any build errors before proceeding to `pages-commit-vite`

Frequently asked questions

Pages Build Vite