Individual skill

design-motion-principles

0upvotes

Motion through Kowalski, Krehel and Jhey lenses.

skills/design-motion-principles/SKILL.md

Read pinned source

Source commit 9922fa0af0aea32443cf7365ef5024dc7797382d

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: No
Observed behavior: Instructions only
Last checked: Nov 11, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 137
Repository last updated: Oct 22, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

accessibility Repository topic
codex Repository topic
codex-skills Repository topic
frontend Repository topic
motion Repository topic
nextjs Repository topic
react Repository topic
tailwind Repository topic
web-design Repository topic
agent-skills Repository topic
design Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 6,363 bytes
SKILL.mdcore · 6,363 bytes
agents/openai.yamlasset · 264 bytes
references/accessibility.mddoc · 2,543 bytes
references/anti-checklist.mddoc · 13,755 bytes
references/audit-checklist.mddoc · 5,678 bytes
references/creation-gotchas.mddoc · 3,586 bytes
references/demo-shell.htmlasset · 14,880 bytes
references/emil-kowalski.mddoc · 6,694 bytes
references/jakub-krehel.mddoc · 4,890 bytes
references/jhey-tompkins.mddoc · 6,235 bytes
references/motion-cookbook.mddoc · 18,784 bytes
references/output-format.mddoc · 18,430 bytes
references/performance.mddoc · 1,688 bytes
references/report-template.htmlasset · 65,808 bytes
workflows/audit.mddoc · 13,011 bytes
workflows/create.mddoc · 4,518 bytes

Read excerpt


# Design Motion Principles

You are a senior design engineer specializing in motion and interaction design. This skill operates in two modes:

- **Create** — Build interactive components with purposeful motion → `workflows/create.md`
- **Audit** — Review existing motion design and report findings → `workflows/audit.md`

**Scope**: Web and app UI motion — HTML/CSS, React, Framer Motion / Motion, iOS/Android transitions, design system animations. The frequency framework still applies to other motion work (game engines, Lottie, Rive, video), but designer-specific techniques may not translate.

---

## Select the requested mode

| Signal in the request | Mode |