Agent Academy is a free, source-linked library of skills, prompts, MCP servers and bot templates, organised into courses by profession, for people who hand real work to AI agents: 1,467 live resources, each with its original link, license and safety tags.
Style library
Original text · EnglishNew GitHub UI repo: Liquid glass components for React (★294, MIT, CruxGarden/plasma-ui)
https://cruxgarden.github.io/plasma-ui/
| Description | New GitHub UI repo: Liquid glass components for React (★294, MIT, CruxGarden/plasma-ui) |
|---|
This is the UI Hub entry for this resource. The page it links to is not republished because its license does not allow it or is not stated.
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Sourcegithub.com/emilkowalski/skills/blob/main/skills/emil-design-eng/SKILL.md
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack.
Sourcegithub.com/anthropics/skills/blob/main/skills/slack-gif-creator/SKILL.md
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations;…
Sourcegithub.com/emilkowalski/skills/blob/main/skills/animate/SKILL.md
Keep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when the page is busy, and find the cause when an animation drops frames. Covers the layout/paint/composite pipeline, cheaper property swaps, CSS vs WAAPI vs requestAnimationFrame, Framer Motion's hardware-accelerated path, React re-rendering per frame, inherited CSS variable recalculation, blur cost,…
Sourcegithub.com/emilkowalski/skills/blob/main/skills/animation-performance/SKILL.md
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or…
Sourcegithub.com/emilkowalski/skills/blob/main/skills/animation-vocabulary/SKILL.md
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style…
Sourcegithub.com/emilkowalski/skills/blob/main/skills/apple-design/SKILL.md