kemiljk

Audit and refine frontend codebases for design engineering craft: optical precision, motion choreography, modern CSS, color systems, and interaction delight. Inspired by the work of Jhey Tompkins (jh3y) and Jakub Krehel. This skill should be used when asked to 'audit my UI', 'add polish', 'add delight', 'refine the details', 'design engineer this', or when reviewing frontend code for craft quality.

Rules for crafting high-fidelity, physics-based micro-interactions.

Use this skill whenever building interfaces that should feel physically responsive, alive, and polished. Trigger for spring animations, gesture-driven UI, interruptible animations, physics-based motion, drag interactions, momentum scrolling, layout animations, shared element transitions, spatial UI, micro-interactions, haptic feel, or any request to make an interface feel alive, snappy, smooth, natural, polished, or less static. Also trigger when building interactive components (drawers, sheets, carousels, modals, accordions, reorderable lists) without specified animation, or any interactive prototype, component library, or design system.

Modern CSS and HTML standards reference. Use this skill whenever writing CSS or HTML in any context — components, pages, layouts, animations, forms, dialogs, colours, typography, selectors, or responsive design. Trigger on any frontend code generation, code review, or refactoring that involves CSS or HTML. Also trigger when the user asks about browser support, modern alternatives to old CSS hacks, or how to replace JavaScript with native CSS/HTML. This skill ensures output uses the latest standards supported by WebKit (Safari) and Chrome/Edge (Blink), avoiding outdated patterns.