Framer Motion

Framer Motion taxonomy generated by the site skill importer.

5 skills
W
interaction-design

by wshobson

The interaction-design skill helps teams design and implement purposeful UI motion, microinteractions, transitions, loading states, and feedback patterns with practical React-oriented references and usage guidance.

UI Design
Favorites 0GitHub 32.6k
L
design-taste-frontend-v1

by Leonxlnx

design-taste-frontend-v1 is the original taste-skill for high-agency frontend work, preserved for exact backward compatibility. It helps generate React/Next.js-oriented UI code with clearer taste decisions, dependency checks, and practical guardrails. Use this design-taste-frontend-v1 skill when you need the older behavior instead of the v2 experimental rewrite.

Frontend Development
Favorites 0GitHub 21.7k
M
frontend-dev

by MiniMax-AI

frontend-dev is a frontend-dev skill for building polished, production-ready web pages with premium UI, cinematic motion, AI-generated media, persuasive copy, and generative art. Use it for landing pages, marketing sites, product pages, dashboards, and other frontend work where design, content, and implementation details need to stay aligned.

Frontend Development
Favorites 0GitHub 11.7k
M
frontend-ui-dark-ts

by microsoft

frontend-ui-dark-ts helps you build dark-themed React UI with TypeScript, Tailwind CSS, Framer Motion, and reusable design tokens. It is suited for dashboards, admin panels, analytics views, and other data-dense interfaces that need a polished dark aesthetic and consistent component patterns.

UI Design
Favorites 0GitHub 2.3k
I
fixing-motion-performance

by ibelick

fixing-motion-performance helps audit and fix UI animation performance issues without changing your stack by default. Use it for frontend work when motion stutters, scroll-linked effects are expensive, or transitions trigger layout, paint, or compositing work. It turns animation bugs into clear, code-level fixes.

Frontend Development
Favorites 0GitHub 0
Framer Motion