Jakub Antalik

You can audit and refine existing CSS motion values against a shared motion-token scale, apply eighteen production-grade CSS transitions for common UI interactions, and correctly integrate Libraries.dev effects such as border-beam, thinking-orbs, gooey, voice-glow, bot-avatars, metal-fx, and img-fx into a project.

These skills target product designers and front-end engineers building polished interfaces. They suit anyone adding animated borders, voice or microphone visualizers, AI loading states, liquid metal buttons, image reveal placeholders, or gooey liquid menus to web projects.

Invoke it when adding a Libraries.dev effect or when a user mentions libraries.dev or its packages. It supports the commands libraries reveal, libraries review, and libraries apply, and can review an existing project to suggest where each effect fits.

It covers seven Libraries.dev packages: Border beam (border-beam), Thinking orbs (thinking-orbs), Gooey (liquid-gooey), Voice (voice-glow), Bot avatars (bot-avatars), Liquid metal (metal-fx), and Image (img-fx), mapping each to concrete use cases like glowing input borders or animated agent avatars.

transitions-dev supplies eighteen production-grade CSS transitions for common UI interactions, while transitions-polish audits and refines motion values already present in your code against a shared motion-token scale. Use transitions-dev to add motion and transitions-polish to standardize it.