qa-practice-sveltekit

A viiibin practice repo. Bare SvelteKit minimal scaffold paired with a SPEC.md describing exactly what the agent should build.

Use it

1. Open viiibin → New Project → Import from GitHub
2. Paste: https://github.com/iii-Partners/qa-practice-sveltekit
3. Once the workspace loads, ask the agent: "Read SPEC.md and build it."
4. Watch the preview update with the implemented feature.

What you get

• SvelteKit 2 + Svelte 5 (runes mode) + TypeScript
• Dev server bound to 0.0.0.0:3000 (so viiibin's preview proxy finds it)
• A clean +page.svelte placeholder — empty, no demo content
• A standard SPEC.md with strict, parseable acceptance criteria
• @sveltejs/adapter-auto — Cloudflare Pages target resolves to @sveltejs/adapter-cloudflare at build time

Need just Svelte without the router/SSR layer? See qa-practice-svelte.

Why "practice"?

This repo is part of viiibin's framework validation matrix (milestone M57). The same SPEC across nine framework variants — React, Next.js, Astro, Vue, Nuxt, Svelte/Kit, Remix, Angular — proves the platform handles each one end-to-end. The repos are also a clean starting point for anyone evaluating viiibin.

Local sanity check

npm install
npm run dev    # http://localhost:3000
npm run build  # → .svelte-kit/cloudflare/ (with adapter-cloudflare)

Framework notes

• SvelteKit defaults to :5173; both the package.json dev script and vite.config.ts are pinned to :3000 so viiibin's preview proxy finds the server reliably.
• Svelte 5 runes ($state, $derived, $effect) are enabled in svelte.config.js. The agent should default to runes for any reactive state.
• Routes live in src/routes/. SvelteKit's file-based router maps +page.svelte to /.

License

MIT — see LICENSE.