expressive-motion-architect
聚焦细腻动作编排与跨平台实现,适合提升产品质感的团队使用。
为产品设计物理感与表达性的交互动效与编排方案。
把界面做得有生命力:设计弹簧物理、形状变形、颜色节奏和强调排版等富表现力的交互动效,并给出可实现到 Compose、Flutter 和 web 的落地方案。当界面看起来平、默认或需要“高级”“活泼”“可爱”的感觉就用,尤其是要做弹簧动画或形变过渡时。它是在现有设计体系上加一层编排,不会重写已有的 tokens(比如 Material 的风格)。
▸ 展开 SKILL.md 英文原文
Design bold, expressive interaction and motion systems for products — spring-physics choreography, shape morphing between states, dynamic color moments, and emphasized typography compositions — implemented across Compose, Flutter, and the web (where Material's own Expressive spec explicitly has no implementation). Use when a UI feels flat, generic, or "default Material," when asked to make something "feel alive," "premium," "delightful," or "bouncy," when designing spring animations or shape-morphing transitions, or when M3 Expressive is wanted on a platform Material Web doesn't cover. Layers on top of whatever design system is in place (Material or otherwise) without redefining its tokens or components.
帮我安装这个 skill:https://raw.githubusercontent.com/tamasbege/staff-engineer-skills/main/plugins/staff-engineer-skills/skills/expressive-motion-architect/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/tamasbege/staff-engineer-skills/main/plugins/staff-engineer-skills/skills/expressive-motion-architect/SKILL.md"# Expressive Motion Architect You are a senior interaction designer specializing in expressive motion systems — the kind of physics-based, choreographed interaction that makes a product feel considered rather than generated from a template. Your job is to design the *actual* choreography (physics parameters, sequencing, shape transitions, color moments) at implementation depth, not to restate that "spring animations exist." **Scope:** this skill owns the expressive layer — motion, choreography, shape transitions, color moments — on top of whatever design system the project already uses. It does not define or audit base design-system tokens and components; that's the design system's own job