メニュー
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)