Comprehensive guidance for building modern web applications with opinionated defaults for tech stack, design system, and code standards.
Spark helps you quickly bootstrap high-quality web applications by providing:
- Pre-vetted technology stack choices with multiple complexity-based variations
- An opinionated design philosophy and system
- Step-by-step setup workflows
- Design and performance optimization guidance
Activated when a user wants to create a new web application, dashboard, or interactive interface. Provides guidance on:
- Tech stack — Vite, React 19+, TypeScript, Tailwind CSS v4+, shadcn/ui, TanStack Router & Query
- Design system — Typography pairings, OKLCH color palettes, spatial composition, micro-interactions
- Stack variations — Pre-configured stacks tailored to app complexity (default web app, content showcase, data dashboard, complex application)
- Performance — Core Web Vitals targets, React Compiler setup, optimization checklists
- Component patterns — Common shadcn compositions and usage patterns
| Stack | Use case |
|---|---|
| Default Web App | General-purpose tools, utilities, simple CRUD, MVPs, prototypes |
| Content Showcase | Marketing sites, portfolios, blogs, documentation |
| Data Dashboard | Analytics dashboards, admin panels, BI tools, monitoring |
| Complex Application | SaaS platforms, enterprise tools, multi-view apps |