界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
开发与工程 · SKILL.md

wiggle-claude-skill

wiggle-claude-skill

【开发与工程】Animates static SVG logos into Lottie JSON format, then renders them as animated GIFs and MP4s. Specialised for logo animation workflows.

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: wiggle-claude-skill description: | Animates static SVG logos into Lottie JSON format, then renders them as animated GIFs and MP4s. Specialised for logo animation workflows. triggers:


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)
我的收藏