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 building one.

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.

AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

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 interfaces.

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

Enlightened library to convert HTML and CSS to SVG

Primer is GitHub's design system. This is the CSS implementation

CLI for common Playwright actions. Record and generate Playwright code, inspect selectors and take screenshots.

🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️

Skeleton is an adaptive design system powered by Tailwind CSS.