Animation
UI animations and transitions
mixpanel-ui-skills
by ihlamury
Mixpanel's UI design system. Use when building interfaces inspired by Mixpanel's aesthetic - light mode, Inter font, 4px grid.
generic-react-ux-designer
by travisjneuman
Professional UI/UX design expertise for React applications. Covers design thinking, user psychology (Hick's/Fitts's/Jakob's Law), visual hierarchy, interaction patterns, accessibility, performance-driven design, and design critique. Use when designing features, improving UX, solving user problems, or conducting design reviews.
generic-react-design-system
by travisjneuman
Complete design system reference for React applications. Covers colors, typography, spacing, component patterns, glassmorphism effects, GPU-accelerated animations, and WCAG AA accessibility. Use when implementing UI, choosing colors, applying spacing, creating components, or ensuring brand consistency.
remotion-best-practices
by evolving-machines-lab
Best practices for Remotion - Video creation in React
interaction-design
by NickCrew
User flow design, micro-interactions, and interface behavior patterns with state management for all interaction conditions. Use when designing natural interactions, feedback systems, or handling error states.
animation-shader
by Yuki001
READ this skill when implementing or configuring animation-style shaders (Toon/Cel Shaders) โ including outlines, rim lighting, toon shading, MatCap, emission, dissolve, hatching, or any stylized rendering effect. Contains preset styles and feature-to-reference mappings for lilToon, Poiyomi, UTS2, RToon, SToon, and ToonShadingCollection. Works as a domain knowledge plugin alongside workflow skills (OpenSpec, SpecKit) or plan mode of an agent.
remotion-best-practices
by Dwsy
Best practices for Remotion - Video creation in React
ai-loading-ux
by shipshitdev
Design AI loading, thinking, and progress indicator UX. Use when explicitly asked to improve AI waiting states, add thinking indicators, or design loading UX for AI interfaces. Covers reasoning display (chain-of-thought), progress steps, streaming states, and the "elevator mirror effect" for reducing perceived wait time.
๐จ UI/UX Pro Max - Design Intelligence System
by Dokhacgiakhoa
Created by Antigravity Orchestrator - Based on Premium Design Frameworks.
jira-lifecycle-management
by grandcamel
"Manage issue lifecycle through workflow transitions and status changes. Control who does what and when via assignments, versions, and components."
frontend-design
by LangConfig
"Expert guidance for creating production-grade, distinctive frontend interfaces. Use when designing UIs, choosing aesthetics, or building memorable web experiences."
frontend
by jh941213
๋น ํ ํฌ ์คํ์ผ(Stripe, Vercel, Apple) UI ๊ฐ๋ฐ. ํ๋๋ โ ๊ตฌํ๊น์ง ํ ๋ฒ์. "ํ๋ก ํธ์๋", "UI ๋ง๋ค์ด", "ํ์ด์ง ๋ง๋ค์ด" ํค์๋์ ํ์ฑํ.
premium-experience
by wasintoh
Premium app generation that creates WOW-factor experiences. Multi-page apps with smooth animations, zero TypeScript errors, and production-ready quality. Lovable-style experience: one prompt, complete app, instant delight. MUST be used alongside vibe-orchestrator for new projects.
ui-skills
by vaayne
Opinionated constraints for building better interfaces with agents.
frontend-design
by julianromli
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.
frontend-ui-animator
by julianromli
Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on "add animations", "animate UI", "motion design", "hover effects", "scroll animations", "page transitions", "micro-interactions".
animation
by Logos-Liber
Animation principles, techniques, and best practices for 3D animation
unity
by Logos-Liber
Unity engine fundamentals and workflows for 3D asset integration
Example Curator Protocol
by SimHacker
Recursion is intentional. The curator learns to curate better.
Camera and NVR Skill
by markus41
Ubiquiti rtsp://ip:7447/camera_id
frontend-enhancer
by travisjneuman
This skill should be used when enhancing the visual design and aesthetics of web applications. It provides modern UI components, design patterns, color palettes, animations, and layout templates. REQUIRES ui-research skill first. Use this skill for tasks like improving styling, creating responsive designs, implementing modern UI patterns, adding animations, selecting color schemes, or building aesthetically pleasing frontend interfaces.
remotion-bits
by av
Animation components and utilities for Remotion video projects. Use when building Remotion compositions with text animations, gradient transitions, particle effects, 3D scenes, or staggered motion effects. Provides example bits (complete compositions) and reusable components that can be installed via jsrepo.
frontend-design
by smallnest
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.
slack-gif-creator
by smallnest
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".