Svelte 5 + TypeScript PWA for planning Run! Goddess Backpack Tech builds.
src/lib/— Components, stores (*Store.ts), helpersbuildData/,buildImageExport/,compare/,sideMenuPages/,onboarding/,modals/,input/,buttons/,icons/,migrations/,dev/themeEngine.ts,themeApply.ts— OKLCH color system and global theme reactivity
src/config/— Tree defs (base, guardian, vanguard, cannon), skill metadata/icons/valuessrc/locales/— App strings and locale-specific term mappingstest/— CLI test suites; see test/README.md
npm run dev— Dev servernpm run build— Prod build + SPA 404 fallbacknpm run check— svelte-check + tsc (no ESLint)npm test— check + curated CLI suitenpm run test:ui— Full Playwright UI sweep (only when explicitly requested)npm run test:ui:locale— Playwright missing-locale-keys sweep (only when explicitly requested)npm run test:ui:tier— Playwright tier UI (only when explicitly requested)npm run pwa:assets— Regen PWA assets frompublic/icon.svg
- 4-space indent. Match nearby style.
- PascalCase components/types. camelCase
*Storestores.SCREAMING_SNAKEconstants. - No backwards compat: No unused params, legacy paths, shims. Update all callers. Delete dead code.
- GitHub Pages base:
/rg-backpack-planner/; keep SPA-safe. npm testmirrors totest/index.output.logand exits 1 if any listed suite fails.- When committing, use
npm testonly. Skiptest:ui*unless requested. - Client-only PWA, no backend.
npm run devis all needed. - Skills in
.skills/.
Clean, focused companion tool for gamers — not a flashy portal. OKLCH theming is first-class. Minimal foundation with playful energy and juice. See .impeccable.md for full design context (users, personality, aesthetic direction, emotional goals).
Principles: Content over chrome. Juice without jank. Respect the player (assume expertise). Accessible by default (colorblind, reduced motion, keyboard, screen readers). Earned playfulness (polish > decoration).
Anti-patterns: Generic dashboards, cluttered gaming sites, template aesthetics.
References: Mobalytics, PoE Ninja, D2 Armor Picker (utility); Linear, Raycast, Arc (quality bar).