mcpField
M
minimalistic-graphics

minimalistic-graphics

github.com/artemnovitckii创意与媒体37710 次安装3 天前更新
代码仓库

关于 minimalistic-graphics

minimalistic-graphics 是用于 Claude Code 的技能，可将简短想法制作成圆点逐级上升的极简动画视频，并配置文字与台阶数量。

主要功能

  1. 01制作极简逐级上升动画
  2. 02支持一至两行文字
  3. 03配置三至七级台阶
  4. 04导出 MP4，亦可生成 PNG

适用场景

  1. 01表现持续进步或耐心
  2. 02将简短语句制成动画

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/artemnovitckii/claude-animation-skills --skill minimalistic-graphics

安装后在 Claude Code 中输入/minimalistic-graphics确认已加载。

附带文件build.pytemplate.html

详细介绍

/minimalistic-graphics

┌──────────────────────┐
│ every step feels     │  one lowercase line (swaps to line two at the top)
│ small.         (•)   │  orbit + ring + sparks around the dot
│              ┌──┐    │
│         ┌──┐ │  │    │  hairline steps rise, the dot hops up them
│    ┌──┐ │  │ │  │    │
│ ┌──┐  │ │  │ │  │    │
└──────────────────────┘

首次使用

加载此技能时，Claude Code 显示的文件夹就是它的“基础目录”。

SKILL_DIR="<base directory of this skill>"
KIT=$(python3 -c 'import os,sys;print(os.path.realpath(os.path.join(sys.argv[1],"..","..","kit")))' "$SKILL_DIR")
[ -s "$KIT/vendor/gsap.min.js" ] || bash "$KIT/setup.sh"

需要 ffmpeg 和 Node。

步骤

  1. 措辞。 将用户的想法拆分为两行简短文字：一句铺垫，一句转折（“每一步都微不足道。” / “直到你回头看。”）。每行约 30 个字符以内，使用小写字母，以句点结尾。也可以只写一行。
  2. 规格。 编写 <name>.minimal.json（见下文）。
  3. 构建。 运行 python3 "$SKILL_DIR/build.py" <spec.json>。大约需要 10 秒。添加 --snap 2.4 可快速生成 PNG。
  4. 检查 图像表：文字应位于同一行，最后几帧应显示圆点周围的轨道。
  5. 交付 mp4 路径。

规格

{"lines": ["every step feels small.", "until you look back."], "steps": 5, "light": false}
  • lines：1 或 2 行。圆点到达顶部时显示第二行。
  • steps：3 到 7。步数越多，跳动越快，视频也会稍长一些（5 步时为 3.8 秒）。
  • light：白底黑线。
  • hold（可选）：结尾额外停留的秒数。out（可选）：输出路径。

风格

  • 安静、简洁。使用小写，不用表情符号、粗体或感叹号。
  • 主题应围绕稳步进展（习惯、复利、耐心），因为画面中是一个圆点沿台阶向上移动。
  • 如需采用其他图案（迷宫、蜿蜒的线条、逐渐填满的圆形），复制 template.html 并修改形状。保持规则不变：纯黑背景、细如发丝的白色描边、一个纯白圆点、一行文字。

评论

支持 Markdown