
character-appeal
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
- Installs
- 581
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/dylantarre/animation-principles --skill character-appeal- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads character-appeal automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Character Appeal
Think like a casting director watching auditions. Appeal isn't just "cute"—it's magnetic. Characters must demand attention, invite empathy, and feel uniquely themselves.
Core Mental Model
Before animating any character, ask: Why would anyone want to watch this person?
Appeal is the quality that makes audiences invest. It's not prettiness—villains have appeal. It's the sense that this character is worth following. Their movement reveals their soul.
The 12 Principles Through Personality
Appeal — The principle itself. Design and motion that invites connection. Clear silhouette. Readable expression. Movement that expresses inner life. Characters you remember.
Solid Drawing — Characters must have dimensional presence. They need to feel like they could be picked up, like they have weight and mass. Solidity creates believability.
Exaggeration — Personality pushed to clarity. A cautious character is extremely cautious in movement. A bold character moves with unmistakable confidence. Amplify defining traits.
Staging — Present characters for maximum impact. Their best angles, their clearest poses. Give them their spotlight moment. Staging serves character.
Anticipation — Character-specific preparation. How does this particular character wind up for action? A nervous character anticipates differently than a confident one.
Timing — Personal tempo. Every character has their own natural rhythm. Quick and anxious. Slow and deliberate. Timing is personality in motion.
Secondary Action — Habits and quirks. The gestures a character does without thinking. A hair-twirl, a nose-scratch, a weight-shift. Secondary actions individualize.
Follow Through & Overlapping Action — Physical personality. Heavy characters settle differently than light ones. Hair and clothing respond to how the character moves.
Squash & Stretch — Elasticity of personality. Rigid characters barely squash. Flexible personalities stretch easily. The body type reflects the inner type.
Arcs — Personal movement quality. Graceful characters move in flowing arcs. Aggressive characters have sharp direction changes. The shape of motion is character.
Slow In & Slow Out — Energy signature. How does this character accelerate and decelerate? Gentle easing or snappy action? Each character has their own physics.
Straight Ahead & Pose to Pose — Character work often benefits from straight ahead exploration to find unexpected personality moments, then pose-to-pose refinement for clarity.
Practical Application
Appeal Elements:
- Recognizable silhouette: Know who it is from shape alone
- Asymmetry: Perfect symmetry feels dead
- Contrast: Big/small, round/angular, fast/slow
- Specificity: Unique details over generic design
- Relatability: Something the audience recognizes in themselves
Character Movement Questions:
- How does this character walk? (Swagger? Shuffle? March?)
- How do they use their hands when talking?
- What's their resting pose?
- How do they react to surprise? Anger? Joy?
- What movement do they do that no other character does?
Building Character Through Motion:
- Define three core personality traits
- Find the physical expression of each trait
- Establish signature gestures
- Determine personal timing/tempo
- Create contrast with other characters
When character feels "generic":
- Push distinguishing traits further
- Add specific secondary action habits
- Develop personal timing distinct from others
- Find asymmetry in poses and movement
When character feels "unappealing":
- Clarify silhouette
- Add vulnerability or desire
- Ensure actions are motivated
- Create moments of recognition
Types of Appeal:
- Sympathetic: We want to protect them
- Aspirational: We want to be them
- Fascinating: We can't look away
- Comedic: They make us laugh
- Menacing: They thrill us with danger
The Golden Rule
Appeal is the promise that this character is worth your time. Every motion should reveal who they are. Characters aren't moving puppets—they're people. Give them souls, and audiences will follow them anywhere.
FAQ
What does the character-appeal skill do?
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
How do I install character-appeal?
Run npx skills add https://github.com/dylantarre/animation-principles --skill character-appeal in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/character-appeal/ (personal) or .claude/skills/character-appeal/ (project).
Which AI agents can use character-appeal?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is character-appeal safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains character-appeal?
It is published by dylantarre in dylantarre/animation-principles. It has 581 recorded installs.
More from dylantarre/animation-principles
video-motion-graphics
dylantarre/animation-principles
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
mobile-touch
dylantarre/animation-principles
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
framer-motion
dylantarre/animation-principles
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
motion-designer
dylantarre/animation-principles
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
micro-interactions
dylantarre/animation-principles
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
web-motion-design
dylantarre/animation-principles
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
Popular frontend & design skills
setup-matt-pocock-skills
mattpocock/skills
Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.
frontend-design
anthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
hyperframes-animation
heygen-com/hyperframes
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.
prototype
mattpocock/skills
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
hyperframes-core
heygen-com/hyperframes
The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.
vercel-react-best-practices
vercel-labs/agent-skills
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.