livecanvas

Name: livecanvas
Author: pengchujin

Pending

一句话，做成有封面、有动画的 Live 图。Turn a sentence into a Live Photo with a designed cover and animation.

62stars

3forks

Swift

Installation

# Add to your Claude Code skills
git clone https://github.com/pengchujin/livecanvas

Getting Started

Guides for using ai agents skills like livecanvas.

Caveman: Cut Claude Token Use by 65%
How agent-side prompt compression works, when to use it, and when not to.
What is an AI Skills Marketplace?
Definitions, how marketplaces work, and how to choose between them in 2026.
Getting Started with AI Skills

Compare with similar skills

See how livecanvas compares with popular alternatives.

livecanvas vs hermes agent

See comparison

README.md

Frequently Asked Questions

What is livecanvas?

livecanvas is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by pengchujin. 一句话，做成有封面、有动画的 Live 图。Turn a sentence into a Live Photo with a designed cover and animation. It has 62 GitHub stars.

Is livecanvas safe to use?

livecanvas's catalog security scan is still queued. You can run an instant dependency and prompt-injection check now with the "Scan for vulnerabilities" button above.

How do I install livecanvas?

Clone the repository with "git clone https://github.com/pengchujin/livecanvas" and add it to your Claude Code skills directory (see the Installation section above).

What programming language is livecanvas written in?

livecanvas is primarily written in Swift. It is open-source under pengchujin on GitHub, so you can review or fork the full source.

Are there alternatives to livecanvas?

Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh livecanvas against similar tools.

Agentic AI for Beginners

Build your first AI agent from scratch - tool use, ReAct pattern, memory, deployment

41 minBeginner

Comments (0)

to leave a comment.

No comments yet. Be the first to share your thoughts!

Related Skills

ECC

by affaan-m

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

269,825

impeccable-lite malaysia-payment-gateway

⚠️ Third-Party Software Notice

This skill is third-party open-source software developed and hosted independently on GitHub. SkillsLLM is an informational directory and does not control or maintain the underlying repository.

Any security checks, ratings, or warnings displayed by SkillsLLM are automated and limited in scope. They do not constitute a security certification or guarantee that the software is safe, error-free, or free from malicious code, vulnerabilities, compromised dependencies, or prompt-injection risks.

Review the source code, permissions, dependencies, and configuration before installing or running any third-party skill. Use is at your own risk. To the maximum extent permitted by applicable law, SkillsLLM is not liable for losses arising from third-party software.

Read the Terms of Service

LiveCanvas · 实况画布

简体中文 | English

一句话，做成有封面、有动画的 Live 图

一个适用于 Codex、Claude Code 等 AI 编程助手的 skill：搜索核实 → 设计分镜 → Remotion 动画 → 预览与 Apple Live Photo 资源。支持图片、emoji、场景、时间线和图表。

作品演示

9 张中文作品，GIF 直接循环播放；点击标题查看高清 MP4。切换到 English 可查看英文版作品。

小米市值	A20 Pro vs A19 Pro	全球人口

咖啡门店	新能源车	中国高铁

双城气温	奥运金牌	发电结构

数据为制作时的快照，不会自动更新。来源与口径见演示说明。

安装

需要 Node.js / npm。使用 Skills CLI 安装，并选择你的 AI 助手：

npx skills add pengchujin/livecanvas --skill livecanvas -g

只装到 Codex：

npx skills add pengchujin/livecanvas --skill livecanvas -g -a codex

安装后新建对话，输入：

用 LiveCanvas 做北京和上海去年全年气温变化。
加入城市插画和季节 emoji，设计完整封面，并提供动态预览。

下载或克隆本仓库，把整个 livecanvas/ 文件夹放入 ~/.codex/skills/；若设置了 CODEX_HOME，则放入该目录下的 skills/。不要只复制 SKILL.md。随后新建对话。

需要兼容旧的 $livechart 调用时，再把 livechart/ 文件夹放到同一位置。

运行与交付

动画： 助手需能联网搜索和执行代码；需 Node.js、Python 3、FFmpeg，以及内容对应的字体。项目用 npm ci 安装依赖。
Live Photo： 配对封装额外需要 macOS 和 Xcode Command Line Tools。当前工具支持无声 H.264 + JPEG。
交付： 封面、MP4、数据来源、可编辑工程，以及支持环境下的 .pvt 资源包；不自动导入相册。

.pvt 包含配对照片、视频及元数据，iPhone「文件」App 未必能直接预览。README 使用 GIF 展示动效，GIF 不是原生 Live Photo。

模板使用 Remotion 4.0.530。手动渲染与封装步骤见运行指南。

许可与致谢

代码及 skill 文档采用 MIT；演示媒体与第三方素材许可见署名说明。Remotion 适用其自身许可证。

动效设计参考 Emil Kowalski / animate，图标采用 Twemoji。