AI Skills for Design Engineers

Available Skills

• emil-design-eng - The main skill that consists of mostly animation, but also some design advice.
• animate - Builds an animation from scratch while choosing the correct curve, duration, properties, and so on.
• animate-expo - The same bar, for React Native and Expo: gestures, sheets, haptics, screen transitions, and keeping motion off the JS thread.
• review-animations - Review your animations in a strict way, based on my rules.
• improve-animations - Audit all the animations in your codebase and get prioritized, self-contained plans that any agent can execute.
• find-animation-opportunities - Search your UI for places that would genuinely benefit from motion, while also telling you what not to animate.
• animation-performance - Fix animations that drop frames. It includes lots of subtle issues that most agents miss.
• animation-vocabulary - Get better animations from an AI by telling it exactly what you want by using the right words.
• apple-design - Apple’s principles for interface design and fluid motion, distilled from their WWDC design talks and translated for the web.
• write-swift - Write modern Swift. Includes: value types, Swift 6 concurrency, generics, performance, and Swift Testing.
• pick-ui-library - Have your agent pick the right library for the task based on libraries I use and trust, instead of letting AI hand-roll a toast component or install an abandoned package.
• prototype - Build multiple different versions of a UI piece you describe and go through them using a switcher.
• mobile-native - Make your web app feel native on a phone: sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, safe areas, and the rest of the small fixes that separate a website from an app.
• break-ui - Try to break the UI you built with worst-case data: long names, unusual emails, one-letter names, huge counts, empty lists, long labels.
• ask-sonner - Your guide to working with Sonner, my toast library. Contains setup, styling, recipes, and fixes for the most common issues.