Canvas & Chaos

Constellation lets you enter ideas, concepts, and all types of notions as text or image, select a few, and ask Claude to find the connections between them. Instead of getting a text response, you get a spatial graph you can explore and interact with.

Here’s what makes it click: Claude doesn’t just say “these ideas are related.” It classifies six specific relationship types: Resonance, Tension, Genealogy, Metaphor, Bridge, and Ghost. Each type gets its own color, and the result is a force-directed graph where your thinking becomes something you can see and navigate.

The Ghost connections are the magic trick. Claude surfaces ideas that aren’t in your input at all, revealing gaps in your thinking that become starting points for new work. It’s the kind of structural reasoning that only works because Claude can hold multiple ideas in tension and reason about what’s missing, not just what’s there.

You bring the ideas, Claude draws the constellation.

Built with: React 18 + TypeScript + Vite frontend with Three.js (via react-force-graph-3d) for 3D visualization and tsParticles for the constellation background, backed by an Express server proxying the Anthropic SDK for dual Claude agent pipelines. Development was accelerated using Claude Code with Ralph Loop iterative agents, spec-driven orchestration