kylezantos/design-motion-principles

Registry 信息

项目简介

一款专为动效设计审计打造的Claude Skill，基于Emil Kowalski、Jakub Krehel和Jhey Tompkins的设计理念训练而成。能够根据具体设计情境，为您的动画作品提供针对每位设计师风格的个性化反馈。

要点

• 基于三位知名动效设计师的理念训练
• 提供基于情境的动画反馈
• 针对每位设计师风格进行个性化点评
• 作为Claude Skill专为设计审计打造

使用场景

• 动效设计质量审计
• 向专家学习动画原理
• 获取针对UI动画的风格化反馈
• 改进项目中的动画实现

README 摘要

# Design Motion Principles A motion and interaction design skill with **two modes** — **build** interactive components with purposeful motion, or **audit** existing animations. Both modes give context-aware, per-designer guidance drawn from three distinct motion-design lenses. Distilled from the publicly published work of **Emil Kowalski**, **Jakub Krehel**, and **Jhey Tompkins** (see [Credits](#credits)). ## Installation ```bash npx skills add kylezantos/design-motion-principles ``` Works with Claude Code, Cursor, Windsurf, and other AI coding assistants. ## What It Does The skill applies three distinct motion-design philosophies, weighted by your project's context: | Lens | Philosophy | Key question | Best for | |------|-----------|--------------|----------| | **Emil Kowalski** | Restraint & speed | "Should this animate at all?" | Productivity tools, high-frequency interactions | | **Jakub Krehel** | Production polish | "Is this subtle enough?" | Shipped consumer apps, professional refinement | | **Jhey Tompkins** | Creative experimentation | "What could this become?" | Kids apps, portfolios, playful contexts | The point isn't a single set of rules — it's the productive tension between three lenses that genuinely disagree. Emil would cut an animation Jhey would add. The skill weights them to your context instead of applying one philosophy everywhere. ### Two Modes **Create** — Build interactive components with motion baked in. The skill runs a light discovery (project context + which lenses to weight), then generates components — React, Framer Motion, CSS, or HTML — applying the right recipes, accessibility, and performance defaults. **Audit** — Review existing motion design. The skill does reconnaissance on your project, runs a motion-gap analysis (finds

话题

暂无话题