design-motion-principles

Audit UI motion design with a structured checklist and designer perspectives.

Updated Jun 21, 2026
One-click install
npx skills add https://github.com/infantesromeroadrian/arca-agent --skill design-motion-principles-infantesromeroadrian
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-motion-principles
Source: https://github.com/infantesromeroadrian/arca-agent/tree/main/template/skills/design-motion-principles
Command: npx skills add https://github.com/infantesromeroadrian/arca-agent --skill design-motion-principles-infantesromeroadrian

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a structured framework for auditing and improving motion design in UI components, addressing common issues like motion gaps, animation quality, and accessibility concerns.

Core Features & Use Cases

  • Context-Aware Weighting: Audits UI motion design based on specific project types and designer perspectives.
  • Systematic Checklist: Offers a comprehensive checklist for evaluating motion design elements.
  • Designer Perspectives: Integrates insights from Emil Kowalski, Jakub Krehel, and Jhey Tompkins, tailored to different project contexts.
  • Output Format: Delivers detailed audit reports with severity levels and actionable recommendations.
  • Use Case: Ideal for design engineers and product managers reviewing motion design in web and app UIs.

Quick Start

Run the 'design-motion-principles' skill and follow the audit checklist provided in the references directory.

Frequently Asked Questions about design-motion-principles

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit motion design in UI components?

Auditing UI motion design involves evaluating animation quality, context, and accessibility using a structured workflow. This framework applies multiple designer perspectives to identify motion gaps and deliver actionable recommendations with severity levels.

What does a UI animation audit include?

A UI animation audit includes a systematic checklist for evaluating motion design elements, context-aware weighting based on project types, and insights from multiple designer perspectives to address accessibility concerns and motion gaps.

What's the best way to evaluate animation quality for web and app UIs?

Evaluating animation quality for web and app UIs is best done through a context-aware framework that applies expert designer perspectives. This approach ensures motion design is assessed based on specific project types, quality, and accessibility.

Can I use this motion design audit framework for different project contexts?

Yes, the framework uses context-aware weighting to audit motion design based on specific project types. It tailors insights from multiple expert designers to fit different project contexts for design engineers and product managers.

What do I need to run a motion design audit?

Running a motion design audit requires reference files from the references directory to guide the evaluation. The skill can also be extended with additional scripts or tools to support the structured workflow.