Vardchives

Setup ​

Two paths

npx sv create on its own walks the interactive prompts, then Add Packages fills in the rest. The one-liner under Create Project does prettier, eslint, and tailwindcss inline — so if you use it, skip those three sv add commands and only run drizzle, vitest, and playwright.

Manual Selections ​

bash
npx sv create

Create Project ​

bash
npx sv create --template minimal --types ts --add prettier eslint mcp="ide:claude-code,vscode+setup:local" tailwindcss="plugins:typography,forms" sveltekit-adapter="adapter:vercel" --install npm cagii
bash
cd cagii
bash
npm run dev -- --open

Add Packages ​

bash
sv add prettier
bash
sv add eslint
bash
sv add tailwindcss
bash
sv add drizzle
bash
sv add vitest
bash
sv add playwright

Add MCP Server ​

bash
claude mcp add -t stdio -s project svelte -- npx -y @sveltejs/mcp

Core ​

bash
npm install bits-ui
bash
npx shadcn-svelte@latest init
bash
npx shadcn-svelte@latest add button input textarea label card dialog dropdown-menu separator tooltip
bash
npm install valibot
bash
npm install @lucide/svelte
bash
npm install -D @sveltejs/enhanced-img

Optional ​

bash
npm install formsnap sveltekit-superforms
bash
npx shadcn-svelte@latest add sonner
bash
npm install @vercel/analytics @vercel/speed-insights