mcpField
W
wiggle-claude-skill

wiggle-claude-skill

github.com/podo创意与媒体29168 次安装1 天前更新
代码仓库

关于 wiggle-claude-skill

wiggle-claude-skill 是一项 Claude 技能，可将静态 SVG 标志制作成 Lottie 动画，再导出 GIF 和 MP4，适用于品牌标志动画素材。

主要功能

  1. 01动画化 SVG 标志路径与形状
  2. 02生成 Lottie JSON
  3. 03渲染 GIF 和 MP4
  4. 04提供 Claude 技能安装指引

适用场景

  1. 01制作品牌标志动画
  2. 02将标志动画导出为 GIF 和 MP4

安装

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

$npx skills add https://github.com/podo/design-agent-skills --skill wiggle-claude-skill

安装后在 Claude Code 中输入/wiggle-claude-skill确认已加载。

附带文件stub.yaml

详细介绍

wiggle-claude-skill

目录条目 — 完整技能：talknerdytome-labs/wiggle-claude-skill

决策树

  1. 是否已安装完整技能？ 检查此位置的技能是否仍包含 das: 块：

    • 全局：grep -q "^das:" ~/.agents/skills/wiggle-claude-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 项目：grep -q "^das:" .agents/skills/wiggle-claude-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 不含 das: 块 → 已安装完整技能，调用该技能并继续
    • 存在 das: 块 → 转到第 2 步

  2. 检测作用范围，然后安装：

    检测作用范围：

    [ -e ~/.agents/skills/wiggle-claude-skill ] && echo "global" || echo "project"

    全局（使用 -g 安装）：

    npx skills add talknerdytome-labs/wiggle-claude-skill --skill wiggle-claude-skill -g -y

    项目（不使用 -g 安装）：

    npx skills add talknerdytome-labs/wiggle-claude-skill --skill wiggle-claude-skill -y

    Claude Code： 发送任一命令作为以 ! 开头的聊天消息，即可在不离开对话的情况下运行命令。

安装后调用

  • 技能名称：wiggle-claude-skill
  • 触发短语："logo animation"、"wiggle"、"SVG to Lottie"、"animated GIF"、"wiggle-claude-skill"

功能

专用的 Logo 动画工作流：以静态 SVG Logo 为输入，将其路径和形状制作成动画并转换为 Lottie JSON 格式，然后将 Lottie 渲染为动画 GIF 和 MP4 视频文件。专为品牌 Logo 动画场景设计，适用于需要可导出动态素材、而非浏览器内动画的情况。

不适用场景

  • 超出 Logo 范围的复杂多图层动画（请使用 gsap-skills 或 framer-motion-skills）
  • 非 SVG 源素材（此工作流要求输入 SVG）

评论

支持 Markdown