p5.js Relay

One-tap transfer of code from Claude, ChatGPT, or Gemini into the p5.js Web Editor and more. Great for vibe coding.

Transfer code generated by Claude, ChatGPT, or Gemini into online editors such as the p5.js Web Editor, OpenProcessing, and CodePen with a single click. Ideal for "vibe coding" — the style of building sketches through conversation with an AI. Features: ✳ Draggable Transfer button on code blocks / Canvas / Artifact panels ✳ Auto-split a single HTML file into index.html / style.css / sketch.js (tab-switching and panel-based editors both supported) ✳ Auto-inserts the p5.js CDN when a sketch needs it ✳ Default destination automatically follows the editor tab you have open ✳ Register any destination site (URL pattern, editor type, CSS selector) ✳ Editor auto-detection (CodeMirror 5/6, Monaco, Ace, textarea, contenteditable) ✳ Light / Dark / System theme ✳ UI available in 10 languages (English, Japanese, Chinese Simplified/Traditional, Korean, Spanish, French, German, Portuguese (Brazil), Russian — follows your browser language) ✳ Works on both Chrome and Microsoft Edge Everything runs locally in your browser; no data is sent to any server.