emilkowalski

GitHub personal account · 1 repo · 18 skills listed

emilkowalski on GitHub

Listed skills

Repos

56.2k

Repo stars

Average QAI Index

from 70 to 79

100%

Nothing flagged

18 of 18 skills

Skills

18 skills

emilkowalski's skills, sorted by qai index
		What it can touch	Pattern check	Licence
gesturesBuild drag, swipe, and sheet interactions that track the finger 1:1 and stay interruptible. Use when building or fixing anything the user drags, swipes, flings, holds, or dismisses with a gesture — drawers, sheets, swipe-to-dismiss toasts and cards, drag-to-reorder, pull-to-refresh, hold-to-confirm — or when a gesture feels laggy, disconnected from the finger, jumps on release, or can't be caught mid-animation. Triggers on — gesture, drag, draggable, swipe, swipe to dismiss, fling, momentum, velocity, drawer, sheet, bottom sheet, snap points, Vaul, dragConstraints, dragElastic, dragMomentum, onDragEnd, whileDrag, useMotionValue, rubber-band, overscroll, pull to refresh, hold to delete, press and hold, touch-action, dismiss threshold, "doesn't follow my finger", "jumps when I let go", "can't grab it mid-animation". 79/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 9 Nov 2026	79/QI	Names web addresses	Pattern check: Nothing flagged	MIT	9 Nov 2026
animateBuild 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; for auditing a whole codebase use improve-animations. 78/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 2 Nov 2026	78/QI	Names web addresses	Pattern check: Nothing flagged	MIT	2 Nov 2026
animation-performanceKeep 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, Motion's hardware-accelerated path, React re-rendering per frame, inherited CSS variable recalculation, blur cost, and when `will-change` actually helps. Use when an animation is janky, choppy, stutters, or drops frames; when choosing which property to animate; when deciding between CSS and JS animation on performance grounds; or when reaching for `will-change` or GPU layers. For choosing easing, duration, or whether to animate at all use animate; for reviewing motion as a whole use review-animations. 78/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 2 Nov 2026	78/QI	Names web addresses	Pattern check: Nothing flagged	MIT	2 Nov 2026
choreographCoordinate several elements that animate together — decide what moves, in what order, how much they overlap, and what stays still — so a group reads as one intentional motion instead of a pile of separate animations. Use when building or fixing a staggered list, a hero entrance, a view swap inside a container, a multi-step flow, an element leaving while its siblings close the gap, a morph between rich states, or any interaction with several moving parts (icon + background + lines, panel + content, items flying into a target). Triggers on — stagger, staggerChildren, delayChildren, animation-delay, sequence, sequencing, orchestration, choreography, cascade, wave, timeline, "one after another", "at the same time", crossfade, popLayout, mode="wait", AnimatePresence mode, hero entrance, list entrance, multi-step, step transition, morph, useAnimate, Promise.all animations, "feels mechanical", "feels robotic", "too much going on", "feels slow to open". 78/QI Instructions only Pattern check: Nothing flaggedMITUpdated 4 Nov 2026	78/QI	Instructions only	Pattern check: Nothing flagged	MIT	4 Nov 2026
improve-animationsSurvey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animation fixes rather than a review of a single diff. 78/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 2 Nov 2026	78/QI	Names web addresses	Pattern check: Nothing flagged	MIT	2 Nov 2026
remove-animationsFind the animations an interface doesn't need and remove them — motion on keyboard actions, high-frequency surfaces, functional data, and decoration with no purpose — then clean up what they leave behind. Edits code, but only to subtract; it never adds or retunes motion. Use when the user says the app "feels slow", "has too much animation", "feels over-animated", wants to "tone down the motion", or asks what animations to remove. For finding places that should animate, use find-animation-opportunities; for fixing animations that should stay, use improve-animations or review-animations. 78/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 28 Oct 2026	78/QI	Names web addresses	Pattern check: Nothing flagged	MIT	28 Oct 2026
break-uiTry to break a piece of UI by feeding it worst-case data — long names, unbreakable emails, one-letter names, missing fields, huge counts, zero items, long labels, non-Latin text, emoji, extreme numbers — then render it behind a "Demo data / Worst case" toggle and report everything that broke, with the fix for each. Use when the user asks to stress-test, break, or find edge cases in a component or screen, or to "try the worst case". For visual design critique use emil-design-eng; for motion use review-animations. 76/QI Instructions only Pattern check: Nothing flaggedMITUpdated 2 Oct 2026	76/QI	Instructions only	Pattern check: Nothing flagged	MIT	2 Oct 2026
animate-expoBuild animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`. 75/QI Runs shell commands +2 more Pattern check: Nothing flaggedMITUpdated 15 Sept 2026	75/QI	Runs shell commands Reaches the network +1 more	Pattern check: Nothing flagged	MIT	15 Sept 2026
animation-vocabularyReverse-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. 75/QI Instructions only Pattern check: Nothing flaggedMITUpdated 15 Sept 2026	75/QI	Instructions only	Pattern check: Nothing flagged	MIT	15 Sept 2026
ask-sonnerGuide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and icons, positioning and multiple toasters. Use when working with Sonner or troubleshooting it — toasts that don't appear, appear twice, lose their styles, ignore Tailwind classes, sit behind a modal, or don't follow dark mode. 75/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 15 Sept 2026	75/QI	Names web addresses	Pattern check: Nothing flagged	MIT	15 Sept 2026
find-animation-opportunitiesSearch a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use improve-animations or review-animations instead. 75/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 15 Sept 2026	75/QI	Names web addresses	Pattern check: Nothing flagged	MIT	15 Sept 2026
mobile-nativeMake a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content under the notch, long-press selecting button text, carousels that scroll the wrong way, mismatched status bars, and the rule that you test on real hardware. Use when a web app is being built for or reviewed on mobile, when something "works in Chrome but feels wrong on my phone", when building a PWA, a bottom sheet, a carousel, a full-screen layout, or any touch interaction. For motion itself use animate; for React Native use animate-expo. 75/QI Instructions only Pattern check: Nothing flaggedMITUpdated 15 Sept 2026	75/QI	Instructions only	Pattern check: Nothing flagged	MIT	15 Sept 2026
emil-design-engThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great. 73/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 2 Nov 2026	73/QI	Names web addresses	Pattern check: Nothing flagged	MIT	2 Nov 2026
review-animationsReviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned. 73/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 2 Nov 2026	73/QI	Names web addresses	Pattern check: Nothing flagged	MIT	2 Nov 2026
apple-designApple'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. 70/QI Instructions only Pattern check: Nothing flaggedMITUpdated 15 Sept 2026	70/QI	Instructions only	Pattern check: Nothing flagged	MIT	15 Sept 2026
pick-ui-libraryPick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked; it does not trigger on its own. 70/QI Names web addresses Pattern check: Nothing flaggedMITUpdated 15 Sept 2026	70/QI	Names web addresses	Pattern check: Nothing flagged	MIT	15 Sept 2026
prototypeBuild multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own. 70/QI Instructions only Pattern check: Nothing flaggedMITUpdated 15 Sept 2026	70/QI	Instructions only	Pattern check: Nothing flagged	MIT	15 Sept 2026
write-swiftHow to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language features agents don't know about yet. Use when writing, reviewing, or migrating Swift, or when a concurrency error, a hang, a data race, a retain cycle, or a performance problem needs fixing. 70/QI Runs shell commands Pattern check: Nothing flaggedMITUpdated 15 Sept 2026	70/QI	Runs shell commands	Pattern check: Nothing flagged	MIT	15 Sept 2026

At a glance

Skills by category

Pick a category to list only its skills above. A skill can sit in more than one.

QAI Index spread

How many of its skills score in each band: a guide to compare by, not a verdict. Pick one to list them above.

How the QAI Index (QI) is scored

When its skills last changed

Each skill counts once, in the month its folder last changed, over the last 12 months.

Dec 2025: 0
Jan 2026: 0
Feb 2026: 0
Mar 2026: 0
Apr 2026: 0
May 2026: 0
Jun 2026: 0
Jul 2026: 0
Aug 2026: 0
Sep 2026: 9
Oct 2026: 2
Nov 2026: 7

Repos


skills56.2k stars · last pushed 11 Nov 2026	18	56.2k	11 Nov 2026

Keyboard shortcuts

Press / to jump to search.