菜单
Generate CSS animations with proper easing, timing, spring physics, stagger patterns, and prefers-reduced-motion accessibility fallbacks.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Sends messages between agents, broadcasts to channels, and retrieves message history for inter-agent communication.
Spawns, manages lifecycle, and terminates autonomous AI agents from the 40+ built-in agent catalog.
Optimize prompts and context windows to reduce token usage while preserving quality.
Animated desktop character state machine for Sven's Tauri companion app. Manages character form (ORB, ARIA, REX, ORION), state transitions (idle→thinking→speaking→celebrating), walk cycles, thought bubbles, sound effects, and real-time agent event sync.
Multi-model deliberation system. Sends queries to multiple LLMs simultaneously, has them peer-review each other's responses anonymously, then a chairman model synthesizes the best answer. Supports configurable council composition, voting strategies, and cost tracking.
Interactive educational autograd engine — port of Karpathy's micrograd. Build, train, and visualise tiny neural networks step-by-step to learn how backpropagation works.
| name | motion-design |
| description | Generate CSS animations with proper easing, timing, spring physics, stagger patterns, and prefers-reduced-motion accessibility fallbacks. |
| version | 2026.4.11 |
| publisher | 47Network |
| handler_language | typescript |
| handler_file | handler.ts |
| inputs_schema | {"type":"object","properties":{"action":{"type":"string","enum":["animate","easing","spring","stagger","duration","css_tokens"],"default":"animate"},"intent":{"type":"string","enum":["enter","exit","fade-in","fade-out","slide-up","slide-down","slide-left","slide-right","scale-up","scale-down","attention","loading"],"default":"slide-up"},"category":{"type":"string","enum":["micro","small","medium","large","page"],"default":"medium"},"easing_name":{"type":"string"},"easing_category":{"type":"string","enum":["standard","entrance","exit","emphasis","spring"]},"spring_preset":{"type":"string","enum":["gentle","default","snappy","wobbly","stiff","slow"],"default":"default"},"stagger_count":{"type":"integer","minimum":2,"maximum":50,"default":5},"stagger_delay_ms":{"type":"integer","minimum":10,"maximum":500,"default":50}},"required":["action"],"additionalProperties":false} |
| outputs_schema | {"type":"object","properties":{"action":{"type":"string"},"result":{"type":"object"}},"required":["action","result"]} |
Generate production-ready CSS animations with professional easing, spring physics simulation, stagger patterns, and automatic accessibility fallbacks.
animate — Generate a complete animation spec for a given intent and element categoryeasing — Look up an easing preset or list presets by categoryspring — Simulate a spring animation and generate CSS @keyframesstagger — Generate a stagger animation for a list of elementsduration — Get recommended duration for an element categorycss_tokens — Generate all easing + duration CSS custom properties{ action: "animate", intent: "slide-up", category: "medium" }{ action: "spring", spring_preset: "wobbly" }{ action: "stagger", stagger_count: 8, intent: "slide-up" }design.motion: read (generates CSS code, no side effects)