收录AI 工具

M3E Canvas:把界面草图变成AI提示词

2026-11-080 阅读
AI 摘要 · 自动生成

M3E Canvas 是一个免费开源的浏览器界面设计工具,基于 Next.js 和 React,采用 Material 3 Expressive 风格。用户可拖拽组件拼界面、设置页面跳转并预览交互,工具自动将布局、配色和行为整理成自然语言提示词,支持中英日韩文,可复制给 Claude Code、Cursor 等 AI 编程工具,减少界面跑偏。

核心要点

  • 01拖拽组件拼界面,支持磁吸连接、一键整理和图层编组
  • 02可设置按钮跳转并预览页面流程,提前验证交互逻辑
  • 03自动生成自然语言提示词,含布局、主题和组件行为说明
  • 04提示词支持中英日韩文,目标平台可选 Android 或 Web
  • 05无后端,数据存浏览器 localStorage,可导出 JSON 项目文件
文中提到的开源项目
原始来源 · 请支持原创

完整内容请访问原文:

AI开源派

//评论

0 条
加载中…

//相关内容

开源Skill:用AI代码生成Q版历史动画视频
收录2026-11-11

开源Skill:用AI代码生成Q版历史动画视频

作者分享如何用Claude等AI agent,通过逐帧拆解原片、测量画面规律、生成代码动画的方式,制作出爆火的Q版历史故事视频。作者将整套流程封装成Skill并开源,包含风格规则、制作工具、例片代码和测量脚本,用户只需一条命令即可从选题到成片全自动生成视频,大幅降低动画制作门槛。
猿大侠
0 阅读2 个开源项目
#Claude#AI视频生成#Skill开源
GitHub免费AI工具精选:10个项目与上手建议
收录2026-11-11

GitHub免费AI工具精选:10个项目与上手建议

文章盘点了GitHub上10个热门免费AI工具,按普通人使用门槛分为三组:易上手的语音、PPT和图表工具,科幻感强的数据可视化与Agent管理项目,以及面向程序员的逆向、编码技能包等。作者还指出下载源码不等于能直接运行,AI可辅助安装但风险需自己确认,并推荐新手从VoiceStudio、ppt-master、diagram-design三个工具开始。
食糖水
1 阅读5 个开源项目
#Agent#开源工具#AI语音
免费SSL自动续签原理拆解:CNAME委派是关键
收录2026-11-11

免费SSL自动续签原理拆解:CNAME委派是关键

文章拆解了ssl.inurl.link等平台实现“一次配置永久自动”SSL续签的底层原理:基于Let's Encrypt的90天免费证书,通过CNAME委派将域名验证从服务器转移到平台,平台持有续签职责并固定私钥,辅以告警兜底。结论是“永久自动”真实可行,前提是信任平台持有证书公钥侧,且无需登录服务器。
风信旗
0 阅读
#CNAME委派#DNS验证#SSL续签