Wiggle

Create animated logo files (Lottie JSON, GIF, MP4) from static logo images. This skill should be used when users provide a logo image (PNG/SVG/JPG) and request any kind of logo animation, motion graphics, animated logo effect, waveform animation, bouncing logo, rotating logo, pulsing logo, wiggling logo, or ask to "animate my logo" or "make my logo move". Outputs standalone animation files (not React/HTML artifacts). Generates Lottie JSON with automatic GIF/MP4 rendering, perfect loop validation, and professional motion design patterns.

34 stars 3 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add talknerdytome-labs/wiggle-claude-skill --skill wiggle
Manual install
git clone --depth 1 https://github.com/talknerdytome-labs/wiggle-claude-skill.git /tmp/wiggle-claude-skill
mkdir -p ~/.claude/skills
cp -r /tmp/wiggle-claude-skill/. ~/.claude/skills/wiggle

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Wiggle Logo Animator

Create professional logo animations using Lottie JSON format. Ingest existing logos (PNG/SVG/JPG) or generate simple text-based logos, then animate them with professionally-crafted motion patterns. Output includes Lottie JSON with automatic GIF preview rendering and optional MP4 export.

## When to Use This Skill

Trigger this skill when users request:
- "Animate my logo" / "Create a logo animation"
- "Make my logo wiggle/bounce/rotate/pulse"
- "Animated waveform effect for my logo"
- "Motion graphics for my brand logo"
- "Lottie animation for my brand"
- Logo entrance, loop, or loading animations
- Any animation effect applied to a provided logo image

**Important**: This skill outputs standalone animation files (Lottie JSON, GIF, MP4), NOT interactive React/HTML artifacts. If user wants an interactive tool or web component, defer to artifacts-builder skill.

---

## Core Workflow

### 1. Define Motion Philosophy (30 seconds - MANDATORY!)

**Before creating any animation**, answer these three questions:

1. **What personality does this brand have?**
   (playful, professional, bold, elegant, innovative, trustworthy)

2. **What emotion should the animation evoke?**
   (excitement, trust, creativity, confidence, curiosity)

3. **What motion metaphor fits?**
   (organic growth, mechanical precision, energetic burst, elegant reveal, rhythmic pulse)

**Example:**
Read the full skill on GitHub

Details

Skill name
wiggle
Repo updated
19 October 2025

FAQ

What does the Wiggle skill do?

Create animated logo files (Lottie JSON, GIF, MP4) from static logo images. This skill should be used when users provide a logo image (PNG/SVG/JPG) and request any kind of logo animation, motion graphics, animated logo effect, waveform animation, bouncing logo, rotating logo, pulsing logo, wiggling logo, or ask to "animate my logo" or "make my logo move". Outputs standalone animation files (not React/HTML artifacts). Generates Lottie JSON with automatic GIF/MP4 rendering, perfect loop validation, and professional motion design patterns.

How do I install the Wiggle skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add talknerdytome-labs/wiggle-claude-skill --skill wiggle. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Wiggle popular?

It lives in talknerdytome-labs/wiggle-claude-skill, which has 34 GitHub stars and 3 forks.

Related skills

CSS Protips

34

PyModel/css-pro-tips

Use when writing, reviewing, refactoring, or modernizing CSS/Tailwind. Apply a policy-first approach: semantic tokens, explicit cascade order, static CSS, intrinsic component layouts, accessible state, measured performance, and progressive enhancement backed by current sources.

Frontend & Design

Cardstock Diorama Myth Animation

31

sadekxD/cardstock-diorama-myth

Produce a complete narrated MYTHIC SHORT FILM end-to-end on Unsora MCP in the layered cut-paper diorama style — stacked matte cardstock worlds, a strict three-colour palette, exposure that swings, paper wipes hiding every seam, landing on a face. Animation-movie storytelling, not an explainer: gods, monsters, heroes, folklore, origin myths and transformations, told in ten-second story beats with a mythic narrator, native paper foley, and one assembled MP4. Use whenever the user wants a myth, legend, fable, folktale or fairy-tale short, a cut-paper or papercraft animated story, "tell the story

Frontend & Design

Lego Build

31

siliconbag/lego-build

Анимация, в которой объект собирается из деталей LEGO по шагам, в стиле фирменной инструкции. Все нарисовано кодом на Canvas 2D, без картинок и 3D-движка, рендер в mp4 вертикально 1080x1920 или горизонтально 1920x1080. Модель задается списком шагов из настоящих деталей LEGO (номера и цвета по каталогу BrickLink), на каждом шаге список деталей, желтая обводка новых и в конце поворот готовой модели. Используй, когда просят собрать что-то из лего в анимации или видео, сделать лего-инструкцию, ролик где из кубиков собирается кот, робот, логотип или любой объект, придумать лего-модель по картинке и

Frontend & Design

Flow Preview

36

tanishqkancharla/flow-preview

Generates interactive Maui user-flow canvases using a bundled CLI, with linked states and persistent review checkboxes. Use when previewing, comparing, or reviewing a user journey across multiple UI states.

Frontend & Design

Meme Sticker

33

shanliuling/meme-sticker

Turn one uploaded image into a complete 12-piece chat sticker pack by generating two 3x2 sticker sheets, extracting transparent PNGs, normalizing their canvases, and packaging the result as a ZIP. Use this skill whenever a user provides a photo and asks for chat stickers, reaction stickers, meme stickers, custom emoji, or messaging-app sticker packs, including requests that use terms such as 表情包, 贴纸包, 微信表情, QQ表情, or Telegram stickers.

Frontend & Design

SVG Creator

39

upbrew-tech/svg-creator-skill

Create high-quality SVG graphics including icons, illustrations, logos, diagrams, infographics, patterns, animations, and abstract art. Use this skill whenever the user asks to create, draw, design, or generate any SVG image, vector graphic, icon, logo, badge, diagram, flowchart, infographic, pattern, or animated graphic. Also trigger when the user says "draw me", "make an SVG", "create a graphic", "design an icon", "vector illustration", or requests any visual output that would be best served as an SVG file. This skill covers both simple single-element graphics and complex multi-layered compo

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.