用 AI 做安卓 App，界面全靠嘴说，顶上搜索栏、底下三个标签页，做出来跟脑子里那张图对不上，来回改三轮还在调位置。
This is a vibe coding post classified by Jev as AI UI & design (a tool drop), kept by the Vibe Coding Radar because it carries real work, not commentary.
用 AI 做安卓 App，界面全靠嘴说，顶上搜索栏、底下三个标签页，做出来跟脑子里那张图对不上，来回改三轮还在调位置。 M3E Canvas 换了个顺序，先在浏览器里把界面拖出来，再把这张图变成一段提示词，复制给 Claude Code、Codex 或 Cursor 去做。 组件全按 Material 3 Expressive 画，按钮、导航栏、卡片、对话框、搜索栏这些拖进屏幕就行，两个按钮靠近会自动吸成一组，圆角跟着融合。 GitHub：http://github.com/lnkiai/m3e-canvas 屏幕可以加很多张，给按钮设一个目标屏幕和过渡动画，画布上就画出跳转箭头，预览里能真的一路点过去，返回时动画倒着放。 预览能点着走这点，我看比出图本身有用，流程顺不顺点两下就知道，不用等 Agent 做完了再发现。 主题在一个面板里调，七套配色或者给一个基准色生成整套，浅色深色、圆角方角一键切换。 屏幕在 412×892 的手机和 1280×800 的桌面之间也能切，导航栏自动变成侧边栏。 提示词支持中英日韩四种语言，目标平台选 Android 或 Web，自己写的组件行为说明也会带进去。全部存在浏览器本地，没有后台，打开网页就能用。
Posted by GitHubDaily (84.5k followers) 3 days ago · 12 likes · 3.8k views · view the original post on X. Kept by the Vibe Coding Radar as AI UI & design. Tools mentioned: m3e-canvas.
More vibe coding work like this
- Introducing TasteCode — @blueemi99
- Things I never would've shipped without agents, #712: — @thorstenball
- 让 Agent 做一份幻灯片，吐出来一个 HTML 文件，标题位置不对想挪一下，只能回聊天框再打一行字，改完别处又跑偏。 — @GitHub_Daily
- Inspired by this episode with @pengzheng_ I redesigned https://clairevo.com this weekend… — @clairevo
- built the full CRM dashboard in Next.js in around 2 days 😍 — @marcelkargul
- http://vibeprompts.dev - 286 free components for vibe coders with prompts — @csaba_kissi
- M3E Canvas sketches Material 3 Expressive screen prototypes in the browser and generates… — @tom_doerr
- Extracts complete design systems including colors, typography, and components from… — @tom_doerr
Every post is read and classified by Jev (TypeSafe): what it is, which market it belongs to, and whether the link is a real tool. 1.8k posts from 1.8k X accounts over the last 14 days, 141 tools, 12 markets. Collected every 5 minutes, fully re-ranked every hour — last update 2026-09-19 01:18 UTC. Full method.