exact-svg-mascotlisted
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