AGENT SKILLBY DYLANTARRE
Brand consistency
AT A GLANCE
Brand consistency is a brand agent skill from dylantarre. Align animation style with brand identity using Disney's principles. It is published in the dylantarre/animation-principles GitHub repository (54 stars) under the MIT license. Its SKILL.md runs to about 350 words. Install it with: npx skills add dylantarre/animation-principles --skill brand-consistency
- SOURCE REPOSITORY
- dylantarre/animation-principles (opens GitHub in a new tab)
- REPO STARS
- SOURCE REPOSITORY
- LICENSE
- MIT
- CATEGORIES
- SKILL.MD SIZE
- 2.3 KB66 LINES
QUICK ANSWER
- WHAT IT IS01
- Align animation style with brand identity using Disney's principles. It stands out by giving brand and messaging a defined shape, so the agent asks for better context and returns a more usable result.
- INPUTS02
- Context for brand and messaging: your goals, audience, constraints, and any source material the skill asks for.
- OUTPUT03
- A ready-to-use result for brand and messaging: the analysis, copy, or recommendations the agent produces.
INSTALL
One command adds this skill from its source repository.
npx skills add dylantarre/animation-principles --skill brand-consistencyREAD THE SKILL.MD BELOW BEFORE YOU RUN IT. SKILLS INSTRUCT YOUR AGENT.
SKILL.MD
The full file, as published in the source repository. Copy it, download it or open it on GitHub.
ON THIS PAGE · 10
Brand Consistency#
Align animation style with brand identity using Disney's principles.
Problem Indicators#
- Animation feels "off-brand"
- Generic motion that could be any product
- Inconsistent animation styles across features
- Motion conflicts with brand voice
- Users don't recognize the product's personality
Diagnosis by Principle#
Appeal#
Issue: Animation lacks distinctive character Fix: Define brand motion attributes. Is your brand playful (bouncy easing), professional (smooth, minimal), energetic (quick, snappy)?
Exaggeration#
Issue: Wrong level of drama for brand Fix: Match exaggeration to brand personality. Luxury = subtle. Playful = bouncy. Corporate = restrained.
Timing#
Issue: Speed doesn't match brand energy Fix: Fast brands: 100-200ms. Calm brands: 300-500ms. Define a timing scale and use consistently.
Squash and Stretch#
Issue: Elastic effects conflict with serious brand Fix: Reserve squash/stretch for playful brands. Use scale transforms for professional brands.
Secondary Action#
Issue: Details don't reinforce brand Fix: Secondary actions should amplify brand personality. A fun brand might have playful ripples; a serious brand uses subtle fades.
Quick Fixes#
- Create a motion style guide - Document easing, duration, principles used
- Define 3-5 brand motion words - "Swift, precise, confident"
- Build reusable animation tokens - Consistent timing/easing variables
- Audit existing animations - Find outliers
- Create animation components - Enforce consistency through code
Troubleshooting Checklist#
- Can you describe animation in 3 brand words?
- Does motion match brand voice guidelines?
- Are easing curves consistent across features?
- Is timing scale documented and followed?
- Would a competitor use identical animation?
- Do animations feel like the same product?
- Test: Show animation without UI—recognizable as your brand?
- Review with brand/design team
Code Pattern#
:root {
/* Brand motion tokens */
--brand-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
--brand-ease-enter: cubic-bezier(0, 0, 0.2, 1);
--brand-ease-exit: cubic-bezier(0.4, 0, 1, 1);
--brand-duration-fast: 150ms;
--brand-duration-normal: 250ms;
--brand-duration-slow: 400ms;
}FAQ
07 QUESTIONS
01What is the Brand consistency agent skill?
Align animation style with brand identity using Disney's principles. It is listed under brand in the 100xLab agent skills directory.
02How do I install Brand consistency in Cursor, Claude Code, or Codex?
Run npx skills add dylantarre/animation-principles --skill brand-consistency in the project where you want it, then ask your agent for the skill by name. The --skill flag installs only Brand consistency, not every skill in the repository.
03What does the Brand consistency SKILL.md cover?
The SKILL.md includes sections on Problem Indicators, Diagnosis by Principle, Appeal, Exaggeration, Timing and Squash and Stretch. Read the full text on this page or in plain markdown at /resources/agent-skills/dylantarre-animation-principles--brand-consistency--120s60i/raw.
04Which agents can use Brand consistency?
Brand consistency installs with the cross-agent skills installer (npx skills add), which sets it up for agents such as Claude Code, Cursor and Codex. Each agent loads the SKILL.md when you ask for the skill by name.
05What license is Brand consistency under?
The dylantarre/animation-principles repository declares the MIT license. Read the license file in the repository before you copy or redistribute the skill.
06Is Brand consistency free to use?
Reading, copying and installing Brand consistency costs nothing: it is published in a public GitHub repository under the MIT license. Reuse and redistribution follow that license.
07Where is the source of Brand consistency?
Brand consistency comes from https://github.com/dylantarre/animation-principles, which has 54 GitHub stars. The SKILL.md is at https://github.com/dylantarre/animation-principles/blob/HEAD/skills/12-by-problem-type/brand-consistency/SKILL.md. The author is dylantarre.
Need an agent workflow built around your stack?
Tell us the workflow you want automated. We reply within 4 working hours (IST).
ATTRIBUTION
Brand consistency was written by its original authors and is published in dylantarre/animation-principles (opens GitHub in a new tab) under the MIT license. All rights stay with the original authors.
100xLab did not write, maintain or endorse this skill. This page lists it for discovery. Repo stars belong to the source repository, not to the skill. Review any skill before you install it.