M3E Canvas turns browser sketches into vibe-coding prompts for Claude Code and Cursor
tom_doerr · x · 2026-09-13
M3E Canvas (6.4k stars on GitHub) is an open-source tool for sketching Material 3 Expressive screen prototypes in the browser. You drag and drop common components — buttons, FABs, chips, app bars, navigation bars, cards, dialogs, text fields — link screens together, and tap through the prototype.
The workflow: sketch a screen, retheme it, copy a generated detailed prompt, and paste it into any AI coding tool such as Claude Code, Codex, Gemini CLI, or Cursor to build the app. The README demonstrates sketching a recipes app, generating the prompt, and running the AI-built result on Android.
More from coding & agent
- Codex autonomously won a Swiss Air reimbursement worth about a month of PRO 20X — intellectronica · 2026-09-13
- Dev uses Astra with 12 principles of animation to clean up motion — andrew_n_carr · 2026-09-13
- Dev: vibe coding without reading code leaves you helpless at debug time — weswinder · 2026-09-13
- Dev recreates childhood wire-loop toy in browser in under a day with GPT + Blender MCP — chongdashu · 2026-09-13
- SWE builds a 3x RTX 3090, 64GB VRAM local coding workstation: full parts and pitfalls — trytoinfect74 · 2026-09-13
- Behind the Craft episode live: Brex's AI employees, CrabTrap and an OpenClaw life demo — petergyang · 2026-09-13