MCPInstall

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
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads character-appeal automatically when relevant.

  3. 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:

  1. Define three core personality traits
  2. Find the physical expression of each trait
  3. Establish signature gestures
  4. Determine personal timing/tempo
  5. Create contrast with other characters

When character feels "generic":

  1. Push distinguishing traits further
  2. Add specific secondary action habits
  3. Develop personal timing distinct from others
  4. Find asymmetry in poses and movement

When character feels "unappealing":

  1. Clarify silhouette
  2. Add vulnerability or desire
  3. Ensure actions are motivated
  4. 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

View all →

video-motion-graphics

dylantarre/animation-principles

Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.

Media & Creative2.4K installs

mobile-touch

dylantarre/animation-principles

Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.

Mobile2.4K installs

framer-motion

dylantarre/animation-principles

Use when implementing Disney's 12 animation principles with Framer Motion in React applications

Frontend & Design1.7K installs

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.

Frontend & Design1.6K installs

micro-interactions

dylantarre/animation-principles

Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.

Frontend & Design1.4K installs

web-motion-design

dylantarre/animation-principles

Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.

Frontend & Design1.3K installs

Popular frontend & design skills

View category →

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 & Design1.1M installs

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.

OfficialFrontend & Design1M installs

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.

Frontend & Design999.2K installs

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.

Frontend & Design930.5K installs

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.

OfficialFrontend & Design843.1K installs