sungjin9288

Motion Design — Testing skill for Claude Code

Testing community

Design and spec motion for a screen, component, or page — picks tool, durations, easings, and writes a developer-ready motion spec.

How to install Motion Design

Installs to ~/.claude/skills/sungjin9288-design-ai-motion-design/SKILL.md

Terminal

mkdir -p ~/.claude/skills/sungjin9288-design-ai-motion-design && curl -fsSL https://raw.githubusercontent.com/sungjin9288/design-ai/HEAD/commands/motion-design.md -o ~/.claude/skills/sungjin9288-design-ai-motion-design/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Motion Design does

description: Design and spec motion for a screen, component, or page — picks tool, durations, easings, and writes a developer-ready motion spec. Reduced-motion-safe by default.

You will produce a motion spec for the surface described in `$ARGUMENTS`. The argument may be a component name, screen description, or design link.

Input

Parse `$ARGUMENTS`. Expect:

A surface (e.g., "landing hero", "modal open", "route transition", "checkout success state").
Optionally: trigger (e.g., "o

Alternatives in Testing

Testing Strategy — This project is small, runs in a terminal, and is mostly deterministic 10.9k ★
Spec Draft PR — Turn a feature idea or GitHub issue into a one-page spec saved to Documentation/specs/ and opened as a draft P 324 ★
Design QA — Visual QA on an HTML/CSS implementation — checks responsive behavior at mobile/tablet/desktop, design token co 309 ★