← ClaudeAtlas

exact-svg-mascotlisted

Animate a named or official mascot using the exact user-supplied SVG while preserving its identity. Use when the mascot asset must not be redrawn, substituted, approximated, or silently regenerated.
imMamdouhaboammar/linkedin-animated-infographics · ★ 2 · AI & Automation · score 68
Install: claude install-skill imMamdouhaboammar/linkedin-animated-infographics
# Exact SVG Mascot ## Purpose Animate the exact SVG supplied by the user without changing the mascot's identity. This is an asset-integrity workflow. The supplied SVG is the identity source. ## Blocking asset gate Before animation: 1. confirm an SVG file was supplied or is directly available to the task 2. confirm the file is actually SVG content and can be read 3. preserve an untouched source copy or source representation for comparison 4. inspect `viewBox`, visible groups/elements, transforms, clipping, and IDs/classes that may support animation If the exact SVG is missing, unreadable, or not actually SVG, return `HOLD` and request the exact asset. Do not: - redraw the mascot - generate a lookalike - substitute another mascot - trace a raster image into a replacement - replace the identity with emoji, iconography, or a generic character ## Motion directions Develop 2-3 motion directions around geometry that already exists in the SVG. Examples include: - whole-character entrance or travel - head/body/limb motion when the SVG structure safely supports it - eye or expression changes only when the original SVG contains appropriate elements - prop movement when the prop is part of the supplied SVG - reading-pointer movement that guides attention through the infographic Do not invent new facial features, body parts, logos, or branded details. ## Implementation rules Prefer non-destructive animation: - CSS transforms on existing SVG groups - SVG transforms on exist