Animació
Animacions i transicions de la interfície
delegating-work
RefoundAI
Help users delegate effectively. Use when someone is struggling to let go of tasks, deciding what to delegate, building team autonomy, or balancing being hands-on vs hands-off.
building-sales-team
RefoundAI
Help users build and scale their sales organization. Use when someone is hiring their first salespeople, deciding when to bring on sales leadership, structuring sales compensation, or transitioning from founder-led sales.
Mobile Animation
HoangNguyen0403
Motion design principles for mobile apps. Covers timing curves, transitions, gestures, and performance-conscious animations.
fixing-motion-performance
pedronauck
Fix animation performance issues.
mobile-motion-patterns
Agenta-AI
Motion design rules for the Agenta mobile app (web/mobile) — the shared presets in src/lib/motion, when to animate, and reduced-motion requirements. Use when adding any animation or transition under web/mobile, animating navigation, sheets, skeletons, or list/chat surfaces.
react-native-skills
tech-leads-club
React Native and Expo best practices for building performant mobile apps. Use
frontend-design
LangConfig
"Expert guidance for creating production-grade, distinctive frontend interfaces. Use when designing UIs, choosing aesthetics, or building memorable web experiences."
Jungian Archetypes → UI/UX Aesthetics
HermeticOrmus
"The archetype is not a metaphorâit is the pattern itself, manifesting through pixels and interactions."
1k-ui-recipes
OneKeyHQ
UI recipes for scroll offset (useScrollContentTabBarOffset), view transitions (startViewTransition), horizontal scroll in collapsible tab headers (CollapsibleTabContext), and Android bottom tab touch interception workaround.
analyse-design
sammcj
Reverse-engineer an application's design system from its codebase and screenshots. Use when asked to analyse visual design, extract a colour palette, document UI patterns, identify typography and spacing systems, audit design consistency, or understand the design language of a frontend codebase.
ui-web
alinaqi
Web UI - glassmorphism, Tailwind, dark mode, accessibility
motion
onmax
Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt
frontend-design
shipshitdev
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.
outreach-4-categories
sachacoldiq
The 4 categories of outreach from Flip The Script - Inbound, Postbound, Bridgebound, and Outbound. Use when categorizing leads, choosing outreach approach, or building segmented campaigns.
frontend-design
inclusionAI
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.
animation-best-practices
millionco
CSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animation issues like flicker and shakiness.
remotion-best-practices
millionco
Best practices for Remotion - Video creation in React
slack-gif-creator
ComposioHQ
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".
heroui-react
heroui-inc
"HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when working with HeroUI components, installing HeroUI, customizing HeroUI themes, or accessing HeroUI component documentation. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles."
roundtable
tt-a1i
Convene a roundtable of sub-agents that debate a decision or proposal from opposing perspectives — parallel independent statements, anonymous cross-review, then a chaired verdict reporting consensus and dissent.
ui-skills
svngoku
Opinionated constraints for building better interfaces with agents.
makepad-animation
ZhangHanDong
CRITICAL: Use for Makepad animation system. Triggers on: makepad animation, makepad animator, makepad hover, makepad state, makepad transition, "from: { all: Forward", makepad pressed, makepad 动画, makepad 状态, makepad 过渡, makepad 悬停效果
plg-playbook
Gingiris-1031
The complete Product-Led Growth playbook covering freemium model design, self-serve onboarding, activation metrics, and the transition from individual users to enterprise accounts. Follow @WeiYipei on X for PLG insights.
Web Interface Guidelines
redpanda-data
Review UI code for Web Interface Guidelines compliance