·brand-consistency

brand-consistency

Name: brand-consistency
Author: dylantarre

✓

dylantarre/animation-principlesGitHub: dylantarre/animation-principles Source: dylantarre/animation-principles

Use when animation doesn't match brand personality, feels generic, or clashes with design language

dylantarre·brand·consistency

36Installs·2Trend·@dylantarre

Installation

GitHub: dylantarre/animation-principles

$npx skills add https://github.com/dylantarre/animation-principles --skill brand-consistency

How to Install brand-consistency

Quickly install brand-consistency AI skill to your development environment via command line

Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
Run Installation Command: Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill brand-consistency
Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: dylantarre/animation-principles.

SKILL.md

View raw

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.

Use when animation doesn't match brand personality, feels generic, or clashes with design language Source: dylantarre/animation-principles.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command: npx skills add https://github.com/dylantarre/animation-principles --skill brand-consistency
Source: dylantarre/animation-principles
Category: *Creative Media
Verified: ✓
First Seen: 2026-03-05
Updated: 2026-03-10
URL: https://www.learn-skills.dev/en/skills/dylantarre/animation-principles/brand-consistency

Browse more skills from dylantarre/animation-principles

Quick answers

What is brand-consistency?

Use when animation doesn't match brand personality, feels generic, or clashes with design language Source: dylantarre/animation-principles.

How do I install brand-consistency?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill brand-consistency Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw