Collection · published

Emil Kowalski — interface design, animation and frontend skills

Emil Kowalski — interface design, animation and frontend skills. Repository install documented for the set.

Shared by Emil Kowalski · View source

npx skills@latest add emilkowalski/skills

In this collection

• animate
  Designs and implements web motion, choosing the purpose, properties, timing, and interruption behaviour.

  /animate in Cursor’s slash menu

  Source
• animate-expo
  Designs and implements motion in React Native and Expo, including gestures and thread choices.

  /animate-expo in Cursor’s slash menu

  Source
• animation-performance
  Diagnoses frame drops and selects animation techniques that keep rendering responsive.

  /animation-performance in Cursor’s slash menu

  Source
• animation-vocabulary
  Names motion patterns precisely so animation requests translate into clear design and implementation choices.

  /animation-vocabulary in Cursor’s slash menu

  Source
• apple-design
  Apple's approach to interface design and fluid, physical motion, translated for the web.

  /apple-design in Cursor’s slash menu

  Source
• ask-sonner
  Shows how to configure Sonner and manage toast messages, promises, and loading states.

  /ask-sonner in Cursor’s slash menu

  Source
• break-ui
  Stress-tests interfaces with extreme and incomplete data, then reports the visual and behavior failures.

  /break-ui in Cursor’s slash menu

  Source
• emil-design-eng
  Applies Emil Kowalski’s approach to component design, animation, and interface polish.

  /emil-design-eng in Cursor’s slash menu

  Source
• find-animation-opportunities
  Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't.

  /find-animation-opportunities in Cursor’s slash menu

  Source
• improve-animations
  Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation.

  /improve-animations in Cursor’s slash menu

  Source
• mobile-native
  Refines web layouts and controls for phones, including safe areas, viewport sizing, and touch behaviour.

  /mobile-native in Cursor’s slash menu

  Source
• pick-ui-library
  Selects a dependable frontend library that fits the component need and preferred toolset.

  /pick-ui-library in Cursor’s slash menu

  Source
• prototype
  Builds contrasting interface concepts so teams can compare options before committing to a direction.

  /prototype in Cursor’s slash menu

  Source
• review-animations
  Assesses animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy.

  /review-animations in Cursor’s slash menu

  Source
• write-swift
  Guides modern Swift development with value types, Swift 6 data-race safety, and concurrency.

  /write-swift in Cursor’s slash menu

  Source

Sharing note: Source collection: Emil Kowalski. Repository install documented for the set.