kylezantos

Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — build interactive components with purposeful motion, or audit existing animations to catch AI-slop motion patterns (audit emits a branded HTML report with looping demos). Use when creating, adding, animating, or reviewing UI motion: transitions, hover states, micro-interactions, enter/exit animations, or any motion design work in React, Framer Motion, CSS, or HTML. Provides per-designer perspectives with context-aware weighting.

Implement responsive design for websites and web apps — from standard mobile-first layouts to complex patterns (sticky elements, scroll coordination, data tables, dashboards). Three modes: transform existing sites, build responsive from scratch, or launch a live multi-breakpoint preview. Surfaces design forks where there's no single right answer. Use when building responsive layouts, fixing mobile issues, adding breakpoints, working with sticky/scroll patterns, previewing breakpoints, or when the user mentions responsive, mobile, breakpoints, viewport, adaptive design, or responsive preview.

Recommends the best skill(s) to use for an ambiguous or multi-skill task by deep-verifying candidates against their SKILL.md contents, not just their one-line descriptions. Use when the user asks 'which skill should I use', 'what skill is best for X', 'help me pick a skill', 'find the right skill', 'what's the most targeted skill', or when several installed skills seem to overlap and the right choice isn't obvious. Also use proactively when a user's task could plausibly match 3+ skills with similar descriptions and you're genuinely uncertain which to reach for. Returns a structured recommendation with rejected candidates, better matches quoted from their actual descriptions, a primary skill + optional chain + tactical follow-up, and a handoff gate.