My new course called aiforui.dev is in early access!

Emil KowalskiDesign Engineer

AI Skills for Design Engineers

For designers and engineers to help them build better user interfaces.

npx skills add emilkowalski/skill

This skill file is just the tip of the iceberg. If you want to learn more about design engineering, user interfaces, animations, and get a more thorough skill file, check out my course:

Check out animations.dev

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.
  • 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.
  • prototype - Build several genuinely different versions of a UI piece and flip through them live behind a visual picker to pick a winner.
  • 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.
  • pick-ui-library - Have your agent pick the right library for the task based on libraries I use and trust.