Agent skill

vite-react-ts-deploy

Explain and implement the production build + static deployment workflow for a Vite React-TS app (build output, base path, preview, common hosts).

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/vite-react-ts-deploy

SKILL.md

Vite React-TS Build & Deploy Skill

Guide and implement production build and deployment settings.

Rules / best practices

  1. Use:
    • pnpm build (vite build)
    • pnpm preview to validate the production build locally
  2. Static hosting:
    • Serve dist/ directory
  3. If deploying under a subpath, set base in Vite config.
  4. For SPAs, ensure the host is configured for history fallback routing.

Deliverables

  • Commands
  • Relevant config changes (base, assets, etc.)
  • Host-specific notes when requested

Use template.md as the default structure.

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results