# Scaffold Vite React

> Scaffold Vite + React POC frontend in delivery worktree output directory.

- Skill: `demondamon/scaffold-vite-react` (Agent Skill)
- Install (CLI): `npx skillmds@latest add demondamon/scaffold-vite-react`
- Raw SKILL.md: https://api.skillmd.com/api/skills/demondamon/scaffold-vite-react/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: DemonDamon (https://skillmd.com/u/demondamon)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/demondamon/scaffold-vite-react

---


# Scaffold Vite + React POC

## Output location

`output/<task_id>/frontend/` inside the delivery worktree.

## Steps

1. `pnpm create vite@latest . --template react-ts` (or equivalent) in frontend dir
2. Add React Router for routes from requirement-breakdown.md
3. Wire semantic CSS variables matching design-system.md
4. Mock data only — no real API unless specified

## Pages

Implement every route listed in requirement breakdown:

- Dashboard
- Task list (if applicable)
- Settings (if applicable)

## Verification

- `pnpm install && pnpm build` succeeds
- README.md documents dev command and port

## Constraints

- Do not modify AgenticX core packages
- Keep dependencies minimal (react, react-router-dom, vite)