Ten studios. One vibe protocol.

Vibe Studio Apps turn any LLM into a knowledge-worker collaborator that can distribute its own deliverables — diagrams, graphs, documents, workbooks, mindmaps — as self-contained URLs. No accounts. No servers. No file attachments. Click a link, the studio opens with everything ready to edit, share, or export. See how it flywheels →

Flow Studio
Mermaid · 20+ diagram types
Flowcharts, sequence diagrams, ERDs, gantt, architecture, mindmaps, treemaps, radar — every Mermaid 11 diagram type with theme, look, and ELK layout controls.
KG Studio
Knowledge graph · 3D force layout
Extract entities and relationships from any input — prose, CSV, triples, markdown wikilinks — and explore them as a 3D force-directed knowledge graph with inspector and filters.
Doc Studio
Rich-text · Markdown-friendly
Draft memos, briefs, specs, blog posts, and decision records in clean rich-text. Markdown paste, focus mode, five themes, and self-contained share URLs.
XLS Studio
Workbooks · 400+ formulas
Multi-sheet workbooks with Excel-compatible formulas (VLOOKUP, SUMIFS, IFERROR, dates, financial), conditional formatting, freeze panes, charts, and native xlsx I/O.
Python Studio
Pyodide · CPython 3.12 in the browser
Split-screen code + output. Real CPython via Pyodide — numpy, pandas, matplotlib pre-loaded; micropip install on demand. Scripts run on open, stream stdout, render figures and DataFrames inline.
HTML Studio
Sandboxed iframe · CodePen-style
Split-screen HTML/CSS/JS editor + sandboxed iframe preview. Landing pages, dashboards, slides, mockups, interactive widgets — anything that should be a complete styled webpage. Tailwind, Chart.js, htmx via CDN.
3D Studio
Three.js r160 · WebGL preview
Live Three.js coding — scene + camera + renderer + OrbitControls pre-wired, FPS counter, sandboxed iframe. Geometry, shaders, GLTF model viewers, particle systems, animated visualisations.
Node Studio
LiteGraph.js · synths · runnable graphs
Drag-to-edit node-and-wire graphs that execute — values propagate live, audio routes through Web Audio. ComfyUI-style. Full audio / MIDI / widget / events / math libraries. Inspector pane, JSON drawer, subgraph drill-in.
MindMap Studio
Hierarchical brainstorms
Single-rooted mind maps with curved, organic connectors. Hierarchical brainstorms with curved organic connectors. Five themes, drag-to-edit, IndexedDB-persisted.
Aa
Media Studio
Images · audio · video · PDF · fonts · 3D
The universal viewer. Encode any media artifact inline (≤32 KB hash) or by src: URL pointer (gist raw, GitHub raw, any HTTPS host). Postage-stamp video, OPUS chimes, SVG icons, GLB models, font specimens, PDFs, markdown. Themed paper. Drag-drop or open a vibe URL.

The vibe protocol

Each studio accepts a #vibe=<payload> URL hash. The payload is a small JSON object — base64url-encoded — that carries the entire artifact (Mermaid source, graph data, Markdown, workbook sheets) plus render hints (theme, layout, width).

Any LLM that has the matching skill installed can emit a payload, encode it to a URL, and hand the user a clickable link. No server. No file download. The studio opens with everything pre-loaded and ready to edit, share, or export.

Download all 10 skills (.zip) ~50 KB · includes README · drop into your Claude skills directory
System specification (.md) Product requirements (.md) The Vibe Axis (.md) Conceptual model · architectural model · protocol · tech selections