Visual Design
Anatomy
Turn a process into a readable mechanical diagram: identify inputs, transformations, and outputs before choosing geometry.
RyanDesign Motion Principles
kylezantosChoose motion from the task: feedback, continuity, or orientation; specify interruption and reduced-motion behavior.
SKILL.md
---
name: knoveya-design-motion-principles
description: "Choose motion from the task: feedback, continuity, or orientation; specify interruption and reduced-motion behavior. Use for matching visual design work."
---
# Design Motion Principles
## Scope
Apply this guidance when the requested task matches the description. Honor the user's chosen outcome, repository rules, and existing authorization.
## Workflow
Choose motion from the task: feedback, continuity, or orientation; specify interruption and reduced-motion behavior.
Before acting, inspect the relevant artifact and ask only for information that materially changes the result. Use existing tools and conventions; do not install dependencies, publish, send messages, deploy, or mutate external data unless the user has authorized that operation.
## Acceptance check
A transition can be cancelled and the final state stays understandable without animation.
## Example task
Animate a sheet from its trigger while retaining a plain instant alternative.
## Report
State what changed, the evidence checked, and what remains unverified. Do not claim a successful operation or completed test without observing it.Related skills
View allRyanVisual Design
PPT Visual
Plan slide hierarchy and reading order before choosing visuals; use one argument per slide and label evidence.
claude-office-skillsVisual Design
Animation Performance
Find the cause of dropped animation frames before changing timing; examine layout work and expensive effects.
Emil KowalskiHow to use
Copy the full block, including its frontmatter, into a new folder named knoveya-design-motion-principles as SKILL.md. Review the instructions before enabling them. For Codex, a user skill normally lives in ~/.codex/skills/knoveya-design-motion-principles/SKILL.md; check the current documentation for another agent's supported location. Do not overwrite an existing skill.
This is an independent Knoveya skill. No files are installed by this website.
Example
Animate a sheet from its trigger while retaining a plain instant alternative.
Verify
A transition can be cancelled and the final state stays understandable without animation.
Test the skill on a small, authorized example. File validation alone does not prove that an agent will make good decisions.
Limits
The skill supplies instructions, not tool access or expertise guarantees. Inspect generated work and preserve the user's approval boundaries.