Communitygithub.com

shfahiim/me

使用 JavaScript 在 Canvas 2D 上一帧帧绘制出看似手绘或手工印刷的短片,从单个 HTML 文件基于共享核心渲染为 MP4,并附带生成的 Web Audio 配乐。

me 是什么?

该技能旨在通过纯 JavaScript 在 Canvas 2D 上逐帧绘制动画,创作出具有手工质感(如手绘、丝网印刷)的短片。它基于一个共享核心和统一调色板系统,支持四种视觉风格:暖纸上的墨水笔触与阴影线、荧光墨水的孔版半色调印刷、带点阵网格的平版丝网印刷、以及带有撕裂边缘的石墨极简主义。动画以 12 帧/秒(每一帧重复两次)绘制,并包含蓝图间奏、墨渍、涟漪、蒙太奇和徽章等过渡效果。最终输出为 MP4 视频文件,同时生成 Web Audio 格式的背景音乐。该技能适用于 Claude Code、Cursor、Codex 等 AI 编程助手,用户只需提供一个 HTML 文件即可完成从绘制到渲染的全流程。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/shfahiim/me/tree/main/skill/hand-drawn-canvas-animation

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

me 是做什么的?

制作一个看起来像手绘或手工印刷的短片,其中每一帧都由 JavaScript 在 Canvas 2D 上绘制,源于一个基于共享核心的单一 HTML 文件,然后渲染为 MP4,并带有一个生成的 Web Audio 配乐。四种外观基于同一个核心和调色板系统——暖纸上的墨水和阴影线、荧光墨水的孔版半色调印刷、带点阵网格的平版丝网印刷,以及带有撕裂部分的石墨极简主义——以 12 帧/秒(双帧)绘制,并配有蓝图间奏、墨渍、涟漪、蒙太奇和徽章。

相关技能