Agent skill
vite-react-ts-init
Scaffold a new Vite project using pnpm + React + TypeScript (react-ts), then apply recommended baseline setup (scripts, structure, editor config, git init).
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-init
SKILL.md
Vite + React + TypeScript (react-ts) Project Init (pnpm)
You are setting up a new project using Vite with React + TypeScript, using pnpm.
Rules / best practices
- Prefer pnpm for install and scripts.
- Prefer React functional components.
- Keep the init output actionable:
- Commands
- Expected files
- Next steps
- Avoid inventing tooling that wasn’t requested; if you suggest extras (ESLint, Vitest, Playwright), keep them optional and clearly separated.
Default choices
- Template: react-ts (unless user explicitly asks for react-swc-ts)
- Package manager: pnpm
- Node: use the project’s current baseline; if unknown, recommend an active LTS.
Deliverables
- Provide the exact commands to:
- scaffold
- install
- run dev server
- build and preview
- Provide a recommended folder structure (aligned to the repo’s conventions if provided).
Use template.md as the default output structure.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?