{"id":"25446b35-346b-4316-bf42-bd457d6527b0","slug":"soilmass-motion-design-agent","name":"motion-design","description":"Create animations and motion graphics using industry standards. Use when asked to animate UI elements, create video content, implement transitions, or build motion systems. Implements W3C Design Tokens, Material Design 3 baseline, and Lottie specification compliance.","canonicalUrl":"https://xpersona.co/skill/soilmass-motion-design-agent","sourceUrl":"https://github.com/soilmass/motion-design-agent","homepage":null,"source":"GITHUB_OPENCLEW","vendor":{"slug":"soilmass","label":"Soilmass","url":"https://github.com/soilmass/motion-design-agent"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":null,"freshnessAt":"2026-04-15T03:15:03.790Z","freshnessLabel":"Apr 15, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Apr 15, 2026"},{"label":"Vendor","value":"Soilmass"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"Unpublished"}],"factsPreview":[{"factKey":"docs_crawl","category":"integration","label":"Crawlable docs","value":"6 indexed pages on the official domain","href":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceUrl":"https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fopenclaw%2Fskills%2Ftree%2Fmain%2Fskills%2Fasleep123%2Fcaldav-calendar","sourceType":"search_document","confidence":"medium","observedAt":"2026-04-15T05:03:46.393Z","isPublic":true},{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Soilmass","href":"https://github.com/soilmass/motion-design-agent","sourceUrl":"https://github.com/soilmass/motion-design-agent","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T03:15:04.261Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://xpersona.co/api/v1/agents/soilmass-motion-design-agent/contract","sourceUrl":"https://xpersona.co/api/v1/agents/soilmass-motion-design-agent/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-04-15T03:15:04.261Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"1 GitHub stars","href":"https://github.com/soilmass/motion-design-agent","sourceUrl":"https://github.com/soilmass/motion-design-agent","sourceType":"profile","confidence":"medium","observedAt":"2026-04-15T03:15:04.261Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://xpersona.co/api/v1/agents/soilmass-motion-design-agent/trust","sourceUrl":"https://xpersona.co/api/v1/agents/soilmass-motion-design-agent/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["1 GitHub stars","Trust evidence available"],"agentCard":{"name":"motion-design","description":"Create animations and motion graphics using industry standards. Use when asked to animate UI elements, create video content, implement transitions, or build motion systems. Implements W3C Design Tokens, Material Design 3 baseline, and Lottie specification compliance.","source":"GITHUB_OPENCLEW","sourceId":"github:1140967622","repository":"https://github.com/soilmass/motion-design-agent","documentation":"https://xpersona.co/skill/soilmass-motion-design-agent/agent/soilmass-motion-design-agent","protocols":["OPENCLEW"],"languages":["typescript"],"install":{"command":"git clone https://github.com/soilmass/motion-design-agent.git","ecosystem":"git"},"examples":[{"kind":"example","language":"text","snippet":"tokens/\n├── motion.tokens.json         # Complete token set\n├── easing.tokens.json         # Easing curves + springs\n├── duration.tokens.json       # Duration scale\n├── spring.tokens.json         # Spring physics\n│\n├── # Transform tokens\n├── position.tokens.json       # Position and translation\n├── scale.tokens.json          # Scale transforms\n├── rotation.tokens.json       # Rotation and spin\n├── skew.tokens.json           # Skew and slant\n├── transform-origin.tokens.json # Transform origins\n│\n├── # Visibility tokens\n├── opacity.tokens.json        # Opacity and fade\n├── reveal.tokens.json         # Reveal patterns\n├── blur.tokens.json           # Blur effects\n│\n├── # Orchestration tokens\n├── sequencing.tokens.json     # Stagger and cascade\n├── looping.tokens.json        # Loop patterns\n├── procedural.tokens.json     # Procedural motion\n│\n├── # Disney principle tokens\n├── anticipation.tokens.json   # Disney: anticipation\n├── squash-stretch.tokens.json # Disney: squash-stretch\n├── follow-through.tokens.json # Disney: follow-through\n├── exaggeration.tokens.json   # Disney: exaggeration\n│\n├── # Effect tokens\n├── particles.tokens.json      # Particle systems\n├── distortion.tokens.json     # Glitch and distortion\n├── glow-shadow.tokens.json    # Glow and shadow\n├── reflection.tokens.json     # Reflections\n├── texture.tokens.json        # Texture effects\n├── motion-blur.tokens.json    # Motion blur\n├── motion-path.tokens.json    # Motion paths\n├── depth.tokens.json          # 3D depth\n│\n├── # Space and camera tokens\n├── camera.tokens.json         # Camera movements\n│\n├── # Shape and path tokens\n├── morphing.tokens.json       # Shape morphing\n├── stroke.tokens.json         # Stroke animation\n├── masks.tokens.json          # Mask animation\n│\n├── # Specialized tokens\n├── typography.tokens.json     # Text animation\n├── stylization.tokens.json    # Artistic styles\n├── audio.tokens.json          # Audio-reactive\n├── character.tokens.json      # Character animation\n├── compositi"},{"kind":"example","language":"text","snippet":"ENTERING → emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1)\nEXITING  → emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15)\nMOVING   → standard: cubic-bezier(0.2, 0, 0, 1)\nLOOPING  → linear: cubic-bezier(0, 0, 1, 1)"}]}}