动画
UI 动画与过渡效果
presentations
dylantarre
Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.
exaggerated-clarity
dylantarre
Use when motion needs to read clearly and powerfully—broad comedy, action highlights, important story beats, or any moment that must unmistakably communicate to the audience.
video-motion-graphics
dylantarre
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
frontend-design
matteocervelli
Create distinctive, production-grade frontends by composing design dimensions and tech-specific implementations
game-development
dylantarre
Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.
continuous-loops
dylantarre
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
web-motion-design
dylantarre
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
rhythm-pacing
dylantarre
Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time.
universal-mindset
dylantarre
Use when approaching any animation task—establishing foundational thinking patterns, teaching animation principles, or when none of the specialized thinking styles quite fit the situation.
brand-marketing
dylantarre
Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.
Animation Principles - Absolute Beginner
dylantarre
Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation
swiftui-expert-skill
third774
Write, review, or improve SwiftUI code following best practices for state management, view composition, performance, modern APIs, Swift concurrency, and iOS 26+ Liquid Glass adoption. Use when building new SwiftUI features, refactoring existing views, reviewing code quality, or adopting modern SwiftUI patterns.
remotion-best-practices
third774
Best practices for Remotion - Video creation in React
filmmaker
dylantarre
Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.
Animation Principles - Novice
dylantarre
Use when someone has basic awareness of animation principles and wants to start applying them in simple projects
cold-call-scripts
Salesably
Creates personalized cold call scripts using a proven 5-step framework. Use this skill when preparing for prospecting calls, coaching reps on call structure, or creating call templates for campaigns.
frontend-design
duongductrong
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.
motion-scale
dylantarre
Generates animation duration, easing curves, and delay tokens with prefers-reduced-motion support. Use when creating transition timing, animation speed, or motion systems. Outputs CSS, Tailwind, or JSON.
frontend-design-system
oikon48
フロントエンドUIデザインを洗練された独自性のあるスタイルで生成します。ランディングページ、ダッシュボード、Webアプリケーションのデザイン、UIコンポーネント作成時に使用してください。「AIっぽい」汎用デザインを避け、プロフェッショナルで記憶に残るUIを実現します。
framer
dylantarre
Integrates design tokens with Framer for prototyping and production sites. Use when adding CSS custom properties to Framer projects, creating code components, or building Framer sites with design systems.
animation-principles
dylantarre
Applies Disney's 12 animation principles to UI motion design. Use when improving animation quality, designing micro-interactions, creating easing curves, or making transitions feel natural and purposeful.
slidev-click-animations
yoanbernabeu
Master v-click and sequential animations in Slidev. Use this skill to reveal content progressively and create engaging presentations.
slidev-transitions
yoanbernabeu
Add smooth slide transitions in Slidev. Use this skill for fade, slide, and custom transitions between slides.
frontend-design
d-kimuson
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.