Animation
UI animations and transitions
mg-animation-engine
by QianshuiO
Use when the user asks to install/start the MG animation engine from the GitHub repository, says "启动MG动画引擎", "我要做MG动画", or asks to turn Chinese policy, training, performance, aviation, management, or corporate explainer copy into a production-ready MG animation storyboard Excel. The skill uses the bundled encrypted db folder next to this SKILL.md and outputs an 8-column director storyboard with 镜号、时长、原文/旁白、RAG参考、画面设计、镜头运动/转场、屏幕文字、AI提示词.
slack-gif-creator
by TheWatcher01
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."
frontend-design
by Jackiexiao
创建具有高设计质量的独特生产级前端接口。当用户要求构建Web组件、页面、工件、海报或应用程序时（例如，包括网站、登录页面、仪表板、React组件、HTML/CSS布局，或在样式化/美化任何Web UI时） ，请使用此技能。生成创意、精美的代码和UI设计，避免通用的AI美学。
muapi-giant-product-showcase
by SamurAIGPT
Create a dramatic "Giant Product" visual where a regular item is showcased as a massive, building-sized object next to a person, then optionally animate the scene.
minimax-h3-turbo
by RobZombAI
Ultra-fast ComfyUI co-designed execution toolkit for MiniMax H3 / H3-Max Turbo video generation. Features SLA-Attention (Sparse Local Attention in middle DiT blocks 14-36), Predictive Euler Step Reuse (reuse 2), 4-step PDD distillation, Motion Context temporal video chaining, and sub-90s generation on Apple Silicon M5 Max. Activate whenever the user asks for fast H3 generation, ComfyUI H3 workflows, SLA-attention, motion context, or sub-90s / turbo video generation.
tresjs-best-practices
by sshine
Best practices for TresJS - Building 3D experiences with Vue 3 and Three.js
motion-doctrine
by heygen-com
"GATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a multi-scene video feel like ONE continuous camera move instead of a stack of independently-animated slides. Covers the vector law (how you exit determines how you enter, incl. the Z scale-sign rule), the film's current, carrier elements, causal motion, the Seam Gate (build-gate enforcement), the ban on idle wobble (motion must PERFORM, not breathe), stillness-before-climax, and the sustained-motion routes. Routes to the low-level technique skills (cut-the-curve — the full catalog incl. waterfall entry + nudge curve, oversized-cursor, seam-craft). These rules SUPERSEDE generic / upstream motion guidance. [continuity, direction, vector, momentum, seam, transition, ease, performance, idle-motion, narrative-motion, film-grammar]"
manimce-best-practices
by alexwelcing
Trigger when: (1) User mentions "manim" or "Manim Community" or "ManimCE", (2) Code contains from manim import *, (3) User runs manim CLI commands, (4) Working with Scene, MathTex, Create(), or ManimCE-specific classes. Best practices for Manim Community Edition - the community-maintained Python animation engine. Covers Scene structure, animations, LaTeX/MathTex, 3D with ThreeDScene, camera control, styling, and CLI usage. NOT for ManimGL/3b1b version (which uses manimlib imports and manimgl CLI).
character-animation-qa
by calesthio
Review local character animation with schema checks, Playwright browser previews, frame sampling, and FFmpeg/ffprobe final output checks.
Macro Regime Monitoring Skill v2
by harryz77-ai
Do not upgrade to R2 from rates and equity weakness alone. R2 requires credit-spread stress, sovereign-spread stress, or synchronized deleveraging across equities, EM, credit, and high-duration assets.
timeportal-auto-evolution
by trannn-oss
Create cinematic automotive evolution videos showing the transformation of vehicles from past to present using the TimePortal 11 phase system with mechanical assembly transitions.
Portfolio & Personal Brand
by neillock
Story-driven specification for full portfolio journeys (Identity Home + Project Case Studies).
slidev
by Furisto
Create developer-focused presentation slides using Slidev, a markdown-based presentation framework built on Vue and Vite. Use when creating technical talks, converting content to slide decks, or working with .md presentation files. Triggers on requests to create presentations, slides, decks, or when working with Slidev projects.
another-frontend-design
by zaaakher
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
muapi-cartoon-dance-animation
by SamurAIGPT
Convert a photo of a person into a Pixar-style 3D cartoon character, then animate it using a reference dance or motion video.
brn:jira
by zfael
Interact with JIRA API for ticket management and tracking. Use when: (1) Listing assigned tickets, (2) Getting details, (3) Updating status.
vue-best-practices
by hello-lizhihua
必须用于 Vue.js 任务。强烈建议使用带有 <script setup> 的组合式 API 和 TypeScript 作为标准方法。涵盖 Vue 3、SSR、Volar、vue-tsc。适用于任何 Vue、.vue 文件、Vue Router、Pinia 或使用 Vue 的 Vite 工作。除非项目明确要求选项式 API，否则始终使用组合式 API。
design-motion-principles
by samunderwood
Expert motion and interaction design auditor based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Use when reviewing UI animations, transitions, hover states, or any motion design work. Provides per-designer perspectives with context-aware weighting.
anduril
by adisinghstudent
Opinionated constraints for building better interfaces with Anduril-style design.
pixel-art-skill
by levskiy0
Создание и подготовка игрового пиксель-арта — спрайтов, тайлсетов, тайлмап, статических и анимационных атласов с обязательной обработкой Sprite Fusion Pixel Snapper. Использовать для растровых pixel-art ассетов, покадровой анимации и проверки их интеграции в игру.
frontend-design
by yuanxiao0115
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
pfp-animate
by velinussage
Generate animated videos from static profile pictures using AI. Use when users want to animate images, create PFP videos, make meme videos, or turn portraits into short clips. Supports video with generated audio, lip-sync to existing audio, and precise keyframe control.
remotion-maps
by remotion-dev
Remotion Map animation knowledge
vercel-react-native-skills
by Jackiexiao
React Native和Expo构建高性能移动应用程序的最佳实践。使用