vani-spa-app
Installation
SKILL.md
Vani SPA App
When to Use
- The user asks to update the Vani SPA app under
src/spa-app - Requests mention the landing page/homepage or landing examples
Quick Rules
- SPA app code lives in
src/spa-app; entry points areentry-client.ts,entry-server.ts, androot.html - UI components live in
src/spa-app/components - Import Vani runtime helpers from
@/vaniand@/vani/html - Use
cn()fromsrc/spa-app/components/utilsfor composing class names - Favor small composable sections (e.g.
HeroSection,FeaturesSection)
Workflow Checklist
Use this checklist in responses:
Related skills
More from itsjavi/vani
vani-spa-setup
Create a minimal Vani SPA root with explicit updates
8vani-jsx-setup
Configure and use JSX with Vani while keeping runtime behavior explicit
8vani-scheduling
Schedule explicit updates with microtasks and transitions
8vani-ssr-hydration
Implement SSR, hydration, and selective activation with Vani
8vani-async-client-only
Use async components, fallbacks, and client-only islands
8vani-incremental-mount
Mount Vani components inside existing apps or DOM islands
8