M3 SKETCH → PROMPT · VIBE CODING TOOL
灵图 · M3 Sketch
在浏览器里用 Material 3 Expressive 组件拼出手机界面草图——多屏幕、可连线跳转、实时预览——然后一键生成中文提示词，直接喂给你的 AI 编程工具（Gemini / GLM / Claude Code / Codex）照着实现。
画得出，就说得清；说得清，AI 就做得出。
① 拼
左侧点选 19 种 M3 组件放进画布，拖动摆放（4dp 网格吸附），右侧检查器改文字/图标/样式。
② 连
选中组件 →「交互」选目标屏幕和转场，画布上自动画流程箭头；▶ 预览模式点击真跳转。
③ 生成
点「生成提示词」→ 输出结构化中文描述（每屏组件、位置、层级、跳转、主题），一键复制。
灵感来源 lnkiai/m3e-canvas（8.2k★）轻量复刻
纯前端单文件 离线可用
数据存 localStorage（本地自动保存）
配双模型对比法 同题喂 Gemini + GLM