人人皆可创造

无需编程基础,借助 AI 和 LeaferJS,让你的想法变成现实
从无限画布到图形编辑器,创造真正可交互、可编辑的应用

无限画布海报编辑思维导图视频分镜互动动画
Travel Journal · LeaferJS Canvas● 已保存
COLLECT MOMENTS / 2026
TRAVEL
JOURNAL.
山脉旅行照片
海滩旅行照片
湖泊旅行照片
森林旅行照片
−   85%   +

从一句话开始,创建属于自己的图形应用

3 步开始创作

复制提示词,交给 AI,完成你的第一个作品

开始前:打开并登录支持 Skills、文件操作和命令执行的 AI 编程工具,例如 Codex、Claude Code 或 Cursor。创建一个空文件夹,用 AI 工具打开它。
  1. 01

    让 AI 帮你安装

    复制下面的内容,发给 AI

    安装提示词
    请帮我安装 LeaferJS Skill:
    
    npx skills add leaferjs/leafer-ai
    
    请检查环境、配置缺少的依赖,安装到我当前使用的 AI 工具中,并确认安装成功。
    我没有编程基础,需要我操作时,请一步一步告诉我怎么做。
  2. 02

    创建旅行照片墙

    安装成功后,在同一文件夹开启新对话,试试这个示例

    创作提示词
    使用 leaferjs,帮我做一个漂亮的旅行照片墙。
    
    初始放入 5 张风景照片,搭配旅行标题和简短文字,采用杂志风排版、柔和背景、圆角与阴影,打开就有完整的示例效果。
    我可以拖动、缩放和旋转照片,双击修改文字,也可以缩放和平移画布。提供“添加照片”“适应画布”和“导出 PNG”按钮。
    优先使用 LeaferJS 已有的编辑器、文本编辑、视口、视图控制和导出插件。
    
    请帮我完成运行与检查,最后告诉我打开哪个预览、怎样操作。

    打开 AI 提供的预览,就能体验作品。也可以把旅行照片墙换成海报、白板、思维导图或小游戏。

  3. 03

    继续完善作品

    想增加新功能?继续告诉 AI 就行

    功能扩展示例
    使用 leaferjs,在现有作品中增加一个在画布上涂鸦的功能。
    
    支持设置笔触大小和颜色,绘制出来的线条支持模拟压感,自动防抖。
    请沿用现有项目结构,优先使用 LeaferJS 已有的能力,并帮我完成运行与检查。

以后如何更新 Skill?

需要最新开发指引时,把下面的话发给 AI

更新提示词
请检查 LeaferJS Skill 的安装范围,更新到最新版并确认结果。遇到问题请帮我排查。
                        
npx skills update leaferjs 

更新后开启新对话使用

遇到问题?

把截图或报错发给 AI,让它帮你修复

下次继续创作

打开原来的作品文件夹,就能接着完善

创意不止一种可能

从第一个作品开始,创造属于自己的图形应用

海报编辑器

自由排版,编辑文字与图片

AI 视频分镜

组织场景、镜头与创作流程

无限画布

思维导图、白板与可视化工具