mcpField
W
wiggle-claude-skill

wiggle-claude-skill

github.com/podoCreative & media29168 installsUpdated 2d ago
Repository

About wiggle-claude-skill

wiggle-claude-skill is a Claude skill for turning static SVG logos into Lottie animations, then exporting GIF and MP4 files. It is intended for brand-logo motion assets and requires SVG input.

Key features

  1. 01SVG logo path and shape animation
  2. 02Lottie JSON output
  3. 03GIF and MP4 rendering
  4. 04Claude skill installation guidance

Use cases

  1. 01Create animated versions of brand logos
  2. 02Export logo motion as GIF and MP4

Install

Copy the command and run it in a terminal.

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

After installing, type/wiggle-claude-skillin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

wiggle-claude-skill

Catalogue stub — full skill: talknerdytome-labs/wiggle-claude-skill

Decision tree

  1. Is the full skill already installed? Check whether the skill at this location still has a das: block:

    • Global: grep -q "^das:" ~/.agents/skills/wiggle-claude-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • Project: grep -q "^das:" .agents/skills/wiggle-claude-skill/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • No das: block → full skill installed, invoke it and proceed
    • das: block present → go to step 2

  2. Detect scope, then install:

    To detect scope:

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

    Global (installed with -g):

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

    Project (installed without -g):

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

    Claude Code: send either command as a chat message starting with ! to run it without leaving the conversation.

Invoke after install

  • Skill name: wiggle-claude-skill
  • Trigger phrases: "logo animation", "wiggle", "SVG to Lottie", "animated GIF", "wiggle-claude-skill"

What it does

Specialised logo animation workflow: takes a static SVG logo as input, animates its paths and shapes into Lottie JSON format, then renders the Lottie as both an animated GIF and an MP4 video file. Designed specifically for brand logo animation use cases where you need exportable motion assets rather than in-browser animation.

When NOT to use

  • Complex multi-layer animations beyond logo scope (use gsap-skills or framer-motion-skills)
  • Non-SVG source assets (the workflow requires SVG input)

Comments

Markdown supported