cyberneticlibrary

Create brand-aligned UI animations

brand-motion-adapter-skillskillsetup L20
npm:brand-motion-adapter-skill
What it does

Create and adapt UI animations to brand identity

Best for

Design systems; ensures every animation matches brand motion language instead of default easing.

Inputs
  • · animation spec or external animation
  • · brand guidelines
Outputs
  • · brand-aligned animated component
  • · polished motion code
Requires
  • · Codex/Claude Code
  • · brand-motion-adapter library
Preconditions

Brand guidelines defined; animation context provided

Failure modes
  • · Brand guidelines vague → invents motion
  • · Tool unavailable in target framework
Trust signals
  • · npm-installable
  • · Integrates with Codex + Claude Code