jakubantalik · Agent Skills

5 skills with substantive source documentation and an official publisher or observed installation demand. Read each skill’s original documentation through its card.

jakubantalik

Community

transitions-dev

Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group hovers, error state shakes, search/input clear, skeleton loaders, shimmer text, sliding tabs, tooltips, staggered text reveals, card hover tilt, plus-to-menu morph, accordions, toasts, like buttons, learn-more hovers, checkbox checks, spinning counters, toggles, AI thinking

installs

13

GitHub stars

5.7K

Updated

Oct 25

Free for personal and commercial use; see LICENSE.txt (no redistribution of the library itself)38 Files

View skill details →

jakubantalik

Community

libraries-dev

Use the Libraries.dev UI effect libraries correctly and find where they fit in a project. Covers 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). Use when adding an AI thinking or loading state, a glowing or animated border around an input or card, a voice or microphone visualizer, an animated bot or agent avatar, a liquid metal button or badge, an image generation placeholde

installs

10

GitHub stars

4.3K

Updated

Oct 15

MIT8 Files

View skill details →

jakubantalik

Community

transitions-polish

Polish and refine existing motion against the transitions.dev motion-token scale — duration, distance, scale, blur, and easing — plus the rules for WHEN each token applies (open/close asymmetry, hover-in vs hover-out, stagger offsets, and intent delays). An add-on to the transitions-dev skill, focused on tuning what already animates rather than adding new transitions. Use when the user asks to "polish my transitions", "refine the motion", "tune the timing / easing", "make the animation feel bett

installs

5

GitHub stars

5.4K

Updated

Oct 17

Free for personal and commercial use; see LICENSE.txt (no redistribution of the library itself)4 Files

View skill details →

jakubantalik

Community

transitions-ui-generation

Make any UI appear as if an AI agent is generating it. A dotted wireframe is drawn from the element's own structure (outline, boxes, text lines, icon paths, with guides, corner handles and size labels), then the real UI is revealed behind a scan line with a fade on a smooth ease-out. Two modes, skeleton and skeleton + generation texts (an agent log, the motion CSS being written, and a step line). One dependency-free runtime that works with any framework (vanilla, React, Next.js, Vue, Svelte). Us

installs

5

GitHub stars

5.4K

Updated

Oct 17

Free for personal and commercial use; see LICENSE.txt (no redistribution of the library itself)7 Files

View skill details →

jakubantalik

Community

transitions-dev

Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group hovers, or error state shakes. Triggers on "add a transition", "animate the dropdown", "make the modal open smoothly", "swap icon", "page slide", "stagger animation", "open / close transition", "make it animate", "tween the size", "fade between", "smooth open", "smooth close

installs

1

GitHub stars

45

Updated

May 20

MIT14 Files

View skill details →