Stately Sketch

Stately Sketch is a simple, responsive state machine visualizer and simulator for XState.

What It Does

• Visualizes nested XState machines as responsive diagrams
• Simulates transitions, guards, and delayed events
• Lets you edit machine code and see updates immediately
• Supports XState code, Sketch DSL, JSON, YAML, and Mermaid input

Run It Locally

# Install dependencies
pnpm install

# Run it
pnpm dev

Open http://localhost:3000

Run Checks

pnpm test # runs unit tests
pnpm test:e2e # runs Playwright E2E tests
pnpm build 

Open Source

Issues and (non AI-generated) pull requests are welcome. Start with CONTRIBUTING.md, use the issue templates, and keep changes scoped and well-tested.

Important

Open an issue with context/prompt instead of opening an AI-generated PR. I can run Codex/Claude/etc myself.

License

MIT