开源 M3E Canvas:浏览器画草图一键生成 AI 编码提示词

tom_doerr · x · 2026-09-13

开源项目 M3E Canvas(GitHub 6.4k stars)让你在浏览器里拖拽搭建 Material 3 Expressive 界面原型:支持按钮、FAB、chips、导航栏、卡片、对话框等常用组件,可连接多个页面并点击跳转预览。

核心工作流:画好界面 → 重新配色/换主题 → 一键复制详细提示词 → 粘贴到 Claude Code、Codex、Gemini CLI、Cursor 等任意 AI 编码工具生成完整应用。README 演示了画一个食谱 App、生成提示词、交给 AI 编码后直接跑在 Android 上的完整流程。