wlsdks

Design Motion — Design agent for Claude Code

Design community

Motion / Action Designer on the Atlas bench.

How to install Design Motion

Installs to ~/.claude/agents/wlsdks-ontology-atlas-design-motion.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/wlsdks/ontology-atlas/HEAD/.claude/agents/design-motion.md -o ~/.claude/agents/wlsdks-ontology-atlas-design-motion.md

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

What Design Motion does


name: design-motion description: Motion / Action Designer on the Atlas bench. Combines physical feel, interruption continuity, distance-aware timing, frame measurement, and reduced-motion equivalents. model: opus tools: Read, Grep, Glob, Bash, WebSearch, WebFetch, mcp__chrome-devtools__navigate_page, mcp__chrome-devtools__take_screenshot, mcp__chrome-devtools__evaluate_script, mcp__chrome-devtools__performance_start_trace, mcp__chrome-devtools__performance_stop_trace

Motion — Motion /

Alternatives in Design

  • Frame Describer — Describes video frames as detailed text 1.3k ★
  • Template Cloner — Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same 509 ★
  • Storyteller Critic — Talk critic. Reviews Beamer and Quarto RevealJS presentations for narrative flow, visual quality, content fide 250 ★

Full documentation available on GitHub

View Source Repository