Animation
UI animations and transitions
motion-graphics
by coopergwrenn
Create programmatic animated videos, explainers, product demos, and social content using Remotion + React. Use when the user asks for video animation, motion graphics, demo videos, promo videos, animated explainers, product launch videos, or branded video content. NOT for AI-generated realistic video — use sjinn-video for that.
Skill: Terminal Aesthetic Portfolio Builder
by amirbiron
Each prompt should be customized to the specific project — mentioning the project's actual purpose, relevant visual elements (chatbot, dashboard, scanner, builder, etc.), and choosing appropriate neon color combinations.
motion-animation
by moderndegree
Motion design principles, when to animate, transitions, and accessibility. Use when adding animations, micro-interactions, or ensuring accessibility for motion.
ai-character-replacement
by Eitanvinokur12345
"Filmmaking, animation, visual effects, content creation"
Animate Posts - Claude Cowork Skill
by prabha-oss
Support: support@benai.com
yc-startup-websites-rules
by LevwTech
Comprehensive rules for building effective startup websites and landing pages. Use when building, reviewing, or improving a startup homepage, landing page, or marketing site. Covers messaging, CTAs, social proof, animation, layout, copywriting, onboarding, and more.
tailwindcss-expert
by thanix-k
Enforce Tailwind CSS best practices across every component you touch. Apply these rules automatically whenever writing or reviewing Tailwind class lists, component variants, design tokens, or layout systems.
seuil
by Othman-Benbrahim
"SEUIL est un espace d'accompagnement hypnotique conversationnel et de transformation intérieure, fondé sur une approche douce et non directive. Activer dès qu'un utilisateur souhaite travailler sur lui-même en profondeur — qu'il arrive avec une analyse psychologique (notamment issue du skill Miroir Intégral), ou en mode libre sans cadre précis. Mots-clés déclencheurs : hypnose, visualisation, lâcher prise, schéma qui revient, émotions bloquées, travailler sur moi autrement, ressources intérieures, transformation intérieure, je veux changer, je me sens bloqué(e), séance. SEUIL opère là où l'analyse seule ne suffit plus — sur le plan du corps, de l'image, de l'inconscient et de l'émotion vécue."
overdrive
by paulbryantbaker-art
Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary.
video-theme-library
by OBdangshang07
Reuse the user's personal HyperFrames video themes, components, motion presets, and scene transitions. Use when a video should follow an existing library theme or when the user names a theme/component/motion/transition ID from this library.
frontend-design
by october-academy
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.
campaign-assembly
by tonyflo79
Assemble all drafted sections into a cohesive, polished full campaign draft. Use after all upstream drafting skills (10-18) are complete and you need to combine headline, lead, story, root-cause narrative, mechanism narrative, product introduction, offer copy, close, and proof blocks into a unified document. Writes only transition language and ensures threading consistency — does NOT draft new copy. Produces the assembled campaign draft with transition verification, threading audit, and drift report. Trigger when users mention campaign assembly, full draft assembly, section integration, draft compilation, or putting it all together. Requires all upstream drafts from Skills 10-18.
veo-3.1-prompting
by ApexDiscordY
Expert guidance for Google Veo 3.1 video generation. Use when the user wants to (1) create text-to-video or image-to-video prompts, (2) optimize for cinematic quality and native audio syncing, (3) maintain character consistency via reference images, (4) structure multi-shot sequences with timestamp prompting, (5) use First/Last Frame interpolation, (6) select between standard and fast generation modes, or (7) troubleshoot physics, motion, or audio issues in generated video.
anime.js Best Practices
by santiagoasda
This skill should be used when the user asks to "animate elements", "add animations", "create transitions", "use anime.js", "implement motion", "add scroll animations", "create timeline animations", "stagger animations", "animate SVG", "add draggable elements", or needs guidance on anime.js v4 patterns, easing, performance, or React/Next.js animation integration.
ui-animation
by kirvin
Creates, reviews, and debugs UI motion and animation implementations. Covers springs, gestures, drag interactions, clip-path reveals, easing, timing, and animation review. Use when designing, implementing, or reviewing motion, CSS transitions, keyframes, framer-motion, spring animations, asking "add animations to", "make this feel smooth", "review my animations", "should this animate", or "add a swipe gesture"
frontend-design
by alexandephilia
Creates premium, visually stunning web interfaces with modern design patterns. Use when building UI components, landing pages, dashboards, or any user-facing interface. Emphasizes rich aesthetics, micro-animations, glassmorphism, and responsive layouts.
delight
by paulbryantbaker-art
Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or make an interface feel fun or memorable.
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美学。
tresjs-best-practices
by sshine
Best practices for TresJS - Building 3D experiences with Vue 3 and Three.js
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).
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.