# emilkowalski/skills

> AI agent skills for UI animation, design engineering, and interface polish

A curated collection of agent skills (such as for Claude Code) authored by design engineer Emil Kowalski. It encodes interface design, fluid motion rules, and mobile web fixes into reusable instructions that AI coding agents can execute to audit codebases or build high-quality UI.

Website: https://github.com/emilkowalski/skills

## What it is for

- Audit codebase animations to generate prioritized, fix-ready findings reports with /improve-animations
- Build smooth UI animations using appropriate easing curves and durations instead of generic AI defaults
- Stress-test newly built interfaces against edge-case content and extreme data using /break-ui
- Fix common mobile web UX quirks like sticky hover states, viewport height bugs, and input zooming

## Features

- /improve-animations: Scans codebase animations and outputs prioritized findings with exact locations and fix advice
- /animate and /animate-expo: Guidelines for building fluid web and React Native animations off the JS thread
- /apple-design: Interface design and fluid motion principles adapted from Apple WWDC guidelines
- /mobile-native: Fixes for iOS and Android web quirks like 100vh bugs, tap delay, and safe-area insets
- /break-ui: Automated checks to test components against extreme character lengths, counts, and empty states
- /pick-ui-library: Evaluates and selects well-maintained component and motion libraries
- /ask-sonner: Targeted guidance and recipes for integrating the Sonner toast notification library

## Pricing

Open source. Free (MIT license)

## Details

- Type: GitHub repo
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [AI Coding Prompts](https://xiry.app/topics/development/ai-coding-prompts.md)
- Open source: yes
- Platforms: Command line
- For: Front-end engineers and design engineers using AI coding agents like Claude Code
- Tags: claude code, ui design, animation, design engineering, agent skills, front end

## Why it was saved

- [@emilkowalski, 11 July 2026](https://x.com/emilkowalski/status/2075929554594500772): Adds an animation-audit slash command to Claude Code: it maps a codebase, audits all animations against a catalog of animation principles, and outputs severity-ranked findings with exact locations and fix summaries that can be handed to cheaper models to execute.

## Related

- [Taste Skill](https://xiry.app/resources/taste-skill): Portable agent skills that enforce design quality in AI-generated frontends (GitHub repo, Free)
- [andrej-karpathy-skills](https://xiry.app/resources/andrej-karpathy-skills): A CLAUDE.md template fixing common LLM coding pitfalls using four principles. (GitHub repo, Open source)
- [prepare-branch-context](https://xiry.app/resources/prepare-branch-context): Claude Code skill to ground the agent in the current branch diff (Prompt, Free)
- [Remotion Prompt Showcase](https://xiry.app/resources/remotion-prompt-showcase): Gallery of community prompts for generating Remotion videos with coding agents (Website, Free)
- [TAME Cursor Rules for Claude 3.7 Sonnet](https://xiry.app/resources/tame-cursor-rules-for-claude-3-7-sonnet): Cursor rules to keep Claude 3.7 Sonnet focused and non-destructive (Prompt, Free)
- [UI Skills](https://xiry.app/resources/ui-skills): Curated design-engineering skills and constraints for coding agents (Website, Free)

Updated 10 October 2026. Page: https://xiry.app/resources/emilkowalski-skills

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.