🧪 Design Motion Principles
Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use when reviewing UI animations, transitions, hover states, or any motion design work. Provides per-designer perspectives with context-aware weighting.
npx playbooks add skill kylezantos/design-engineer-auditor-package --skill design-motion-principles
About Design Motion Principles
Use Design Motion Principles to configure Claude Code, Cursor, or Copilot for testing & qa: it expert motion and interaction design auditor based on emil kowalski, jakub krehel, and jhey tompkins' techniques. use when reviewing ui animations, transitions, hover states, or any motion design work. provides per-designer perspectives with context-aware weighting.
This compact 35-word instruction set is purpose-built for testing & qa work in AI coding agents. Install with a single command.
Use Cases
- Writing unit, integration, and end-to-end tests
- Setting up test coverage and CI pipelines
- Refactoring legacy code with confidence using tests
- Creating test plans and QA checklists
Example Prompts
System Prompt (35 words)
Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use when reviewing UI animations, transitions, hover states, or any motion design work. Provides per-designer perspectives with context-aware weighting.
Frequently Asked Questions
What is Design Motion Principles?
Design Motion Principles is a free testing & qa skill for AI coding agents. Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use when reviewing UI animations, transitions, hover states, or any motion design work. Provides per-designer perspectives with context-aware weighting.. It provides a specialized system prompt that configures your agent with testing & qa expertise.
How do I use Design Motion Principles with Claude Code?
Run npx playbooks add skill kylezantos/design-engineer-auditor-package --skill design-motion-principles in your terminal to install Design Motion Principles into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Design Motion Principles?
Design Motion Principles is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Design Motion Principles free to use?
Yes, Design Motion Principles is completely free and open source. The full source is available on GitHub at https://github.com/kylezantos/design-engineer-auditor-package/tree/main/skills/design-motion-principles. You only need a subscription to the AI agent you use it with.
