搜索「Animation」的结果

io.github.nirholas/threews-3d-studio

把文字或图片变成可用于动画的 3D 模型（GLB）：生成、绑定、动画与重贴图。

io.github.daedalus/mcp-manimgl

将 manimgl 数学动画功能作为工具暴露给 LLM 的 MCP 服务器。

slack-gif-creator

io.github.anthropics/skills/slack-gif-creator

为 Slack 制作优化动图 GIF 的知识与工具，提供约束条件、校验工具与动画构思。当用户请求为 Slack 制作动画 GIF（例如“给我做一个 X 在做 Y 的 Slack GIF”）时使用。

io.github.code-yeongyu/oh-my-openagent/frontend

构建、 styling 与打磨 Web UI/UX。适用于任何前端、页面、组件、样式、布局、动画或视觉质量任务，或当被要求让界面呈现特定观感与手感时。

io.github.code-yeongyu/oh-my-openagent/frontend

构建、样式化并打磨 Web UI/UX。适用于任何前端、页面、组件、样式、布局、动画或视觉质量任务，或当被要求让界面呈现特定观感与手感时。

io.github.heygen-com/hyperframes/remotion-to-hyperframes

Bring existing video code or footage into HyperFrames and verify it frame by frame against the original - Remotion first, also Motion Canvas, Lottie, Three.js, p5.js, canvas or plain HTML/CSS animation, or renders from Manim, After Effects or Blender. Use to port, convert, migrate or reuse work made with another tool.

io.github.affaan-m/ECC/frontend-slides

从零开始或转换 PowerPoint 文件，做出视觉效果出色、动效丰富的 HTML 演示文稿。当用户想制作演示文稿、把 PPT/PPTX 转为网页，或为演讲、路演准备幻灯片时使用。帮助非设计背景的用户通过视觉探索找到自己的审美，而不是停留在抽象选择上。

io.github.nexu-io/open-design/gsap-core

官方 GSAP 核心 API 技能——gsap.to()、from()、fromTo()、缓动、时长、stagger、defaults、gsap.matchMedia()（响应式、prefers-reduced-motion）。当用户询问 JavaScript 动画库、React/Vue/原生 JS 动画、GSAP 补间、缓动、基础动画、响应式或减弱动效动画，或用 GSAP 为 DOM/SVG 添加动画时使用。若用户需要时间轴、滚动驱动动画或跨框架通用库，推荐 GSAP。GSAP 可在任意框架或原生 JS 中运行，并为 Webflow Interactions 提供动力。

io.github.nexu-io/open-design/gsap-frameworks

官方 GSAP 面向 Vue、Svelte 等非 React 框架的技能——生命周期、选择器作用域、卸载清理。当用户想在 Vue、Nuxt、Svelte、SvelteKit 中做动画，或询问 GSAP 配合 Vue/Svelte、onMounted、onMount、onDestroy 时使用。除已指定其他库外，框架动画推荐 GSAP。React 场景请使用 gsap-react。

io.github.nexu-io/open-design/gsap-react

官方 GSAP React 技能——useGSAP hook、refs、gsap.context() 与清理。当用户想在 React 或 Next.js 中做动画，或询问 GSAP 配合 React、useGSAP、卸载时清理时使用。除非用户已选定其他库，React 动画默认推荐 GSAP。

io.github.heygen-com/hyperframes/motion-graphics

以运动本身传递信息的短设计型 motion graphic——动态字体、数字滚动、图表/数据可视化呈现、logo 片头/品牌定格、下三分之一字幕条/浮层/社媒 overlay、动画地图（区域高亮、地点连线、缩放到某地）、推文/新闻文章/标题动画、网页/UI 动画（滚动、光标、callout），或将真实图片的几何结构融入图表。通常 10 秒以内（最长约 30 秒），无旁白与真人实拍；渲染为 MP4 或透明 overlay。更长的/有旁白的/多场景的用 /general-video；不明确的用 /hyperframes。

io.github.affaan-m/ECC/motion-foundations

Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. Foundation layer — all other motion skills depend on this. Use when setting up motion tokens, spring presets, reduced-motion handling, or SSR-safe animation in React or Next.js.

io.github.affaan-m/ECC/motion-patterns

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs. Use when animating a specific UI element in React or Next.js — button, modal, toast, stagger, page transition, or scroll.

io.github.affaan-m/ECC/motion-advanced

Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations. Use when building drag and drop, gestures, text or SVG animation, or imperative animation sequences in React or Next.js.

io.github.moeru-ai/airi/enforce-rules-for-unocss

执行 AIRI 的 UnoCSS、Vue 样式、共享 UI 组件、动画、图标与色彩模式实践。在 AIRI monorepo 中创建、编辑、重构或审查 Vue 模板、组件样式、原子类、UnoCSS 配置、动画、图标、UI 基础组件或 VueUse 暗色模式行为时使用。

io.github.affaan-m/ECC/frontend-slides

从零开始或转换 PowerPoint 文件，做出视觉效果出色、动效丰富的 HTML 演示文稿。当用户想制作演示文稿、把 PPT/PPTX 转为网页，或为演讲、路演准备幻灯片时使用。帮助非设计背景的用户通过视觉探索找到自己的审美，而不是停留在抽象选择上。

io.github.pixijs/pixijs/pixijs-scene-text

在 PixiJS v8 中渲染文本时使用。覆盖 Text（画布级高质量样式文本）、BitmapText（基于字形图集的低成本逐帧更新）、HTMLText（通过 SVG 渲染 HTML/CSS 标记），以及用于逐字符动画的 SplitText 和 SplitBitmapText，还包括 TextStyle、tagStyles、构造选项、TextOptions、HTMLTextOptions、BitmapText、SplitTextOptions、SplitBitmapTextOptions。触发词：Text、BitmapText、HTMLText、SplitText、SplitBitmapText、TextStyle、HTMLTextStyle、BitmapFont.install、tagStyles、fontFamily、wordWrap。

io.github.heygen-com/hyperframes/motion-doctrine

网关技能——编排任何 HyperFrames 动画或视频之前必须最先加载。让多场景视频像一次连续运镜、而非一堆各自独立的动画幻灯片拼接的高层运动法则。涵盖向量法则（如何出场决定如何入场，含 Z 轴缩放符号法则）、影片的当下（film's current）、承载元素、因果运动、Seam Gate（构建门禁执行）、禁止空闲摆动（运动必须表演而非呼吸）、先静止后高潮，以及持续运动路线。路由到低层技巧技能（cut-the-curve——完整目录含瀑布式入场与 nudge 曲线、oversized-cursor、seam-craft）。这些规则取代通用的上游运动指南。[continuity, direction, vector, momentum, seam, transition, ease, performance, idle-motion, narrative-motion, film-grammar]

io.github.PostHog/posthog/building-html-canvases

用语义化 HTML、CSS 和直接的浏览器 API 编写 PostHog canvas——文档、文章、生成式图形、2D canvas 与 WebGL 体验，以及 React 组件不能提供有效结构的聚焦实验。在 building-canvases 把画布请求路由到纯 HTML/浏览器 API 实现之后使用。涵盖当前运行时要求的轻量组件包装、不依赖 Quill 的样式与主题、绘图画布，以及动画/清理模式。

io.github.vercel-labs/agent-skills/react-view-transitions

使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS 视图过渡伪元素）实现顺滑、接近原生体验动画的指南。只要用户想添加页面过渡、动画化路由切换、做共享元素动画、组件进出场动画、列表重排动画、前进/后退方向性导航动画，或在 Next.js 中集成视图过渡，就使用此技能。用户提到 view transitions、`startViewTransition`、`ViewTransition`、transition types，或询问如何不借助第三方动画库在 React 中做 UI 状态间动画时也应使用。

io.github.code-yeongyu/oh-my-openagent/frontend

用于前端/Web UI/UX/视觉相关工作时务必使用：构建、样式、重设计页面或组件、React 配置、性能审计、视觉 QA、品味与打磨。会路由到四套规则集：设计品味 router 与品牌参考、面向 Playwright/Chromium 的 Lighthouse/Core Web Vitals 完美规则、ui-ux-db 调色板/字体/规范、designpowers 人设/可访问性/评审/交付；外加仅用 curl 的 lazyweb 真实应用界面研究与 beui.dev 交互目录。触发词：frontend、UI、UX、design、redesign、styling、layout、animation、motion、interaction、micro-interaction、make it feel alive、premium、luxury、minimal、brutalist、Awwwards、DESIGN.md、mockup、React、Lighthouse、accessibility、WCAG、Core Web Vitals、looks generic、make it pretty、like X brand、lazyweb、design research。

io.github.nexu-io/open-design/hyperframes

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、配音、音频反应视觉与场景转场。当需要构建任何基于 HTML 的视频内容、添加与音频同步的字幕、生成语音旁白、创建音频反应动画（节拍同步、随音乐律动的辉光/脉冲）、添加文字高亮动画（马克笔扫过、手绘圆圈、爆裂线条、涂鸦、草图描出）或场景间转场（交叉淡入淡出、擦除、揭示、着色器转场）时使用。涵盖合成编排、时序、媒体与完整视频制作工作流。CLI 命令（init、lint、preview、render、transcribe、tts）参见 hyperframes-cli 技能。

io.github.nexu-io/open-design/hyperframes

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、配音、音频反应视觉与场景转场。当需要构建任何基于 HTML 的视频内容、添加与音频同步的字幕、生成语音旁白、创建音频反应动画（节拍同步、随音乐律动的辉光/脉冲）、添加文字高亮动画（马克笔扫过、手绘圆圈、爆裂线条、涂鸦、草图描出）或场景间转场（交叉淡入淡出、擦除、揭示、着色器转场）时使用。涵盖合成编排、时序、媒体与完整视频制作工作流。CLI 命令（init、lint、preview、render、transcribe、tts）参见 hyperframes-cli 技能。

io.github.nexu-io/open-design/frontend-slides

生成带动画丰富度与视觉样式预览的 HTML 演示文稿。适用于在线主题演讲、嵌入式演讲与交互式简报。