Presets

Realtime

realtime
npx @loomcraft/cli init realtime
General

Name

Realtime

Description

Real-time application with WebSockets, presence, optimistic UI, and conflict resolution.

Agents
orchestratorbrainstormerplannerfrontendbackenddatabasetestsreview-qaperformancesecurity
Skills
brainstormingtask-planningcode-reviewproject-bootstraprealtime-patternssupabase-patternsnextjs-conventionstesting-patternstailwind-patternsshadcn-uiapi-designenv-validation
Constitution

Principles

  • Real-time is the default — users see changes immediately
  • Optimistic UI — update locally first, reconcile with server later
  • Handle disconnections — always implement reconnection with backoff
  • Conflict resolution — define a strategy before building

Conventions

  • Use Supabase Realtime for database-driven updates
  • Implement presence tracking for collaborative features
  • Debounce high-frequency events (typing indicators, cursor positions)
  • Clean up subscriptions on component unmount
  • Show connection status to users
Context

Project Description

This is a real-time application (chat, collaboration, or live updates). The orchestrator coordinates real-time feature brainstorming, architecture planning, WebSocket/SSE development, and testing to deliver a responsive, resilient real-time experience.