Emilkowal Animations
作者 pproencacf93c57cac89无许可证215 个星标收录于 2026年10月8日更新于 2026年10月8日仓库7周前更新
Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| assets/templates/_template.md | 938 B | text/markdown |
| metadata.json | 1.7 KB | application/json |
| references/ease-context-matters.md | 1.2 KB | text/markdown |
| references/ease-custom-curves.md | 1.4 KB | text/markdown |
| references/ease-in-out-onscreen.md | 1002 B | text/markdown |
| references/ease-ios-drawer.md | 952 B | text/markdown |
| references/ease-out-default.md | 1.3 KB | text/markdown |
| references/ease-spring-config.md | 1.5 KB | text/markdown |
| references/ease-spring-natural.md | 1.1 KB | text/markdown |
| references/interact-damping.md | 1 KB | text/markdown |
| references/interact-friction-upward.md | 1 KB | text/markdown |
| references/interact-interruptible.md | 1 KB | text/markdown |
| references/interact-momentum-dismiss.md | 1 KB | text/markdown |
| references/interact-multitouch.md | 1.1 KB | text/markdown |
| references/interact-pointer-capture.md | 1.1 KB | text/markdown |
| references/interact-scroll-drag-conflict.md | 1.1 KB | text/markdown |
| references/interact-snap-points.md | 1.2 KB | text/markdown |
| references/interact-touch-hover.md | 941 B | text/markdown |
| references/polish-blur-bridge.md | 1 KB | text/markdown |
| references/polish-clip-path-tabs.md | 1.2 KB | text/markdown |
| references/polish-dont-remove-all.md | 1.2 KB | text/markdown |
| references/polish-framer-hook.md | 1.1 KB | text/markdown |
| references/polish-hover-gap-fill.md | 1013 B | text/markdown |
| references/polish-opacity-fallback.md | 1 KB | text/markdown |
| references/polish-reduced-motion.md | 926 B | text/markdown |
| references/polish-scroll-reveal.md | 1.1 KB | text/markdown |
| references/polish-stagger-children.md | 1.2 KB | text/markdown |
| references/polish-toast-stacking.md | 1.2 KB | text/markdown |
| references/props-avoid-css-variables.md | 1.1 KB | text/markdown |
| references/props-clip-path-performant.md | 1.1 KB | text/markdown |
| references/props-hardware-accelerated.md | 1.2 KB | text/markdown |
| references/props-transform-opacity.md | 1.1 KB | text/markdown |
| references/props-will-change.md | 928 B | text/markdown |
| references/_sections.md | 2.2 KB | text/markdown |
| references/strategy-cohesion.md | 1.1 KB | text/markdown |
| references/strategy-feedback-immediate.md | 1.1 KB | text/markdown |
| references/strategy-frequency-matters.md | 1.2 KB | text/markdown |
| references/strategy-keyboard-no-animate.md | 1.1 KB | text/markdown |
| references/strategy-marketing-exception.md | 1.1 KB | text/markdown |
| references/strategy-purpose-required.md | 1.2 KB | text/markdown |
| references/strategy-review-fresh-eyes.md | 1.3 KB | text/markdown |
| references/timing-300ms-max.md | 1003 B | text/markdown |
| references/timing-asymmetric.md | 1.1 KB | text/markdown |
| references/timing-drawer-500ms.md | 943 B | text/markdown |
| references/timing-faster-better.md | 1000 B | text/markdown |
| references/timing-tooltip-delay.md | 1.1 KB | text/markdown |
| references/transform-3d-preserve.md | 1.2 KB | text/markdown |
| references/transform-never-scale-zero.md | 1 KB | text/markdown |
| references/transform-origin-aware.md | 1.4 KB | text/markdown |
| references/transform-percentage-translate.md | 976 B | text/markdown |
| references/transform-scale-097.md | 958 B | text/markdown |
| references/transform-scale-children.md | 1.3 KB | text/markdown |
| references/transform-starting-style.md | 1.3 KB | text/markdown |
| references/tw-asymmetric-timing.md | 1.4 KB | text/markdown |
| references/tw-custom-easing-theme.md | 1.6 KB | text/markdown |
| references/tw-ease-duration-defaults.md | 1.5 KB | text/markdown |
| references/tw-origin-aware.md | 1.3 KB | text/markdown |
| references/tw-press-scale.md | 1.4 KB | text/markdown |
| references/tw-reduced-motion.md | 1.5 KB | text/markdown |
| references/tw-starting-enter.md | 1.7 KB | text/markdown |
| references/tw-will-change.md | 1.4 KB | text/markdown |
| SKILL.md | 9.4 KB | text/markdown |
来源与署名
来源：pproenca/dot-skills位于skills/.experimental/emilkowal-animations提交cf93c57
许可证： 无许可证
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 pproenca/dot-skills 的技能
Typescript Refactor
pproenca
用于重构和现代化 TypeScript 与 React/TSX 代码的指南，涵盖九大类共 47 条规则。
Tailwind Ui Refactor
pproenca
包含 52 条规则的 Tailwind CSS 界面重构指南，涵盖层级、间距、排版、色彩、层次与细节。
Shell
pproenca
一份包含 49 条 shell 脚本最佳实践的参考指南，用于编写安全、可移植且易维护的 bash 与 sh 脚本。
React Refactor
pproenca
面向 React 应用的架构重构指南，包含组件、状态、Hook 与数据模式方面的 40 条规则。
Expo React Native Performance
pproenca
针对 Expo React Native 应用的性能优化指南，涵盖启动、列表、重渲染、动画、资源、内存与异步。
Framer Motion
pproenca
用于优化 React 应用中 Framer Motion 动画性能的指南。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套预设配色与字体主题，并可即时生成新主题，用于为幻灯片、文档、报告和 HTML 页面统一风格。
Slack Gif Creator
anthropics
为 Slack 创建尺寸与体积经过优化的动画 GIF，提供 PIL 绘图辅助、缓动函数与校验工具。
Frontend Design
anthropics
在构建或改造用户界面时，提供打造独特、有意图的视觉设计的指导。
Canvas Design
anthropics
依据写好的设计理念创作原创视觉艺术，输出 PNG 或 PDF，适用于海报、艺术作品等静态成品。
Brand Guidelines
anthropics
将 Anthropic 官方品牌配色与字体应用到需要体现 Anthropic 外观风格的各类产物上。
Frontend Design
anthropics
指导智能体为新界面或改版界面进行独特、有意图的视觉设计。