Animation
UI animations and transitions
remotion-best-practices
by buainoai
Remotion 最佳实践 - 使用 React 创建视频
ui-skills
by runkids
Opinionated constraints for building better interfaces with agents.
generating-components
by fusengine
Use when generating UI components, buttons, forms, cards, hero sections, or using design tools. Covers Gemini Design MCP, shadcn/ui, 21st.dev, and Tailwind CSS.
swiftui-animation
by VladimirBrejcha
This skill provides comprehensive guidance for implementing advanced SwiftUI animations, transitions, matched geometry effects, and Metal shader integration. Use when building animations, view transitions, hero animations, or GPU-accelerated effects in SwiftUI apps for iOS and macOS.
kanpeki
by fellipeutaka
"Use Kanpeki component library in React projects. Activate when user wants to add, use, customize, or compose accessible UI components from Kanpeki (@kanpeki/*). Covers installation, component patterns, forms, theming, and dark mode with React Aria Components + Tailwind CSS 4.1 + CVA."
remotion-best-practices
by Dwsy
Best practices for Remotion - Video creation in React
design-taste-frontend
by Dwsy
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
validating-accessibility
by fusengine
Use when checking accessibility, color contrast, keyboard navigation, ARIA, or WCAG compliance. Covers WCAG 2.2 Level AA requirements.
frontend-design
by xenitV1
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
vr-ar
by xenitV1
VR/AR development principles. Comfort, interaction, performance requirements.
universal-mindset
by 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.
game-development
by dylantarre
Use when implementing game animations, player feedback, character movement, or interactive entertainment in Unity, Unreal, or other game engines.
Animation Principles - Expert
by dylantarre
Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovation, and pushing creative boundaries
continuous-loops
by dylantarre
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
creative-director
by dylantarre
Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.
game-designer
by dylantarre
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
physics-intuition
by dylantarre
Use when motion needs to feel physically grounded—objects falling, characters jumping, things colliding, or any element that should obey believable weight and momentum.
Animation Principles - Teaching Others
by dylantarre
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
Animation Principles - Refresher
by dylantarre
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
animator-traditional
by dylantarre
Use when creating hand-drawn or classical animation, working with frame-by-frame techniques, or applying Disney principles in their original artistic context.
timing-mastery
by dylantarre
Use when determining how fast or slow motion should be—pacing action sequences, dramatic pauses, comedic beats, or any situation where the duration of movement matters.
ux-researcher
by dylantarre
Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.
character-appeal
by dylantarre
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
naturalistic-motion
by dylantarre
Use when animation should feel organic and lifelike—creature animation, realistic characters, nature elements, or any motion that needs to breathe with authentic living quality.