Design commands
Emil Kowalski skills
Every design skill command, with a ready example prompt.
- /emil-design-engCommandEmil's core approach to polish, component design and the small details users never notice. Reviews in a fixed format.
- /apple-designCommandApple-style smooth, physical-feeling web interfaces: gestures, springy motion, slide-up sheets, see-through layers, typography.
- /break-uiCommandFills a component with the worst realistic data (long names, emoji, zero items, huge numbers) behind an on/off switch and reports what broke.
- /prototypeCommandBuilds 3 truly different versions you can switch between. Add x5 for more. Then try variations or keep one.
- /animateCommandBuilds an animation in order: should it animate, why, which tool, what moves, how it speeds and slows, what happens if interrupted, and a version for people who turn motion off.
- /animate-expoCommandThe same idea for phone apps built with React Native and Expo: Reanimated, gestures, slide-up sheets, haptics (vibration feedback).
- /animation-vocabularyCommandTurns a vague description of motion into the right term to use in a prompt.
- /review-animationsCommandStrict review of animation code against Emil's ten standards. It flags problems by default.
- /find-animation-opportunitiesCommandRead-only sweep for places that should animate, with exact settings. It rules out the rest.
- /improve-animationsCommandChecks all motion in a codebase and writes plans for other agents to carry out. Variants: quick, deep, a focus like performance, plan, execute, reconcile.
- /animation-performanceCommandFixes animation that stutters or drops frames. Covers properties the browser can animate cheaply, CSS vs JavaScript, and the will-change hint.
- /pick-ui-libraryCommandOpinionated library picks for numbers, one-time login codes, charts, command menus, drag and drop, pop-up notices (toasts), app state and styling.
- /ask-sonnerCommandThe Sonner pop-up notice (toast) library: setup, notices that track a running task, styling, and fixes for toasts that do not show.
- /mobile-nativeCommandMakes a web app feel like an installed app on a phone: tap flashes, the full-screen height bug, inputs that zoom the page, the notch, pull-to-refresh.
- /write-swiftCommandModern Swift for Apple apps: Swift 6 concurrency (code safely running at the same time), value types, Swift Testing, memory management (ARC) and performance.