Directorio de skills
Cada recomendación conserva un vínculo claro con su repositorio, auditoría y ruta de instalación.
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.
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
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
🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️
Skeleton is an adaptive design system powered by Tailwind CSS.
Directorio de skills
Cada recomendación conserva un vínculo claro con su repositorio, auditoría y ruta de instalación.
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.
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
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
🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️
Skeleton is an adaptive design system powered by Tailwind CSS.
Directorio de skills
Cada recomendación conserva un vínculo claro con su repositorio, auditoría y ruta de instalación.
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.
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
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
🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️
Skeleton is an adaptive design system powered by Tailwind CSS.
Directorio de skills
Cada recomendación conserva un vínculo claro con su repositorio, auditoría y ruta de instalación.
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.
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
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
🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️
Skeleton is an adaptive design system powered by Tailwind CSS.