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

Inkline — by inkline - Structures development workflow using pnpm with emphasis on TypeScript and Vue 3 Composition API 1.4k ★
Design QA — Visual QA on an HTML/CSS implementation — checks responsive behavior at mobile/tablet/desktop, design token co 309 ★
Integration Test Command — Execute comprehensive integration test suite with multi-component coordination and validation 166 ★