GitHub - emilkowalski/skills: Skills for Design Engineers.

Skip to content ## Navigation Menu Toggle navigation Sign in Appearance settings * Platform * AI CODE CREATION * GitHub Copilot Write better code with AI * GitHub Copilot app Direct agents from issue to merge * MCP Registry New Integrate external tools * DEVELOPER WORKFLOWS * Actions Automate any workflow * Codespaces Instant dev environments * Issues Plan and track work * Code Review Manage code changes * APPLICATION SECURITY * GitHub Advanced Security Find and fix vulnerabilities * Code security Secure your code as you build * Secret protection Stop leaks before they start * EXPLORE * Why GitHub * Documentation * Blog * Changelog * Marketplace View all features * Solutions * BY COMPANY SIZE * Enterprises * Small and medium teams * Startups * Nonprofits * BY USE CASE * App Modernization * DevSecOps * DevOps * CI/CD * View all use cases * BY INDUSTRY * Healthcare * Financial services * Manufacturing * Government * View all industries View all solutions * Resources * EXPLORE BY TOPIC * AI * Software Development * DevOps * Security * View all topics * EXPLORE BY TYPE * Customer stories * Events & webinars * Ebooks & reports * Business insights * GitHub Skills * SUPPORT & SERVICES * Documentation * Customer support * Community forum * Trust center * Partners View all resources * Open Source * COMMUNITY * GitHub Sponsors Fund open source developers * PROGRAMS * Security Lab * Maintainer Community * Accelerator * GitHub Stars * Archive Program * REPOSITORIES * Topics * Trending * Collections * Enterprise * ENTERPRISE SOLUTIONS * Enterprise platform AI-powered developer platform * AVAILABLE ADD-ONS * GitHub Advanced Security Enterprise-grade security features * Copilot for Business Enterprise-grade AI features * Premium Support Enterprise-grade 24/7 support * Pricing Search or jump to... # Search code, repositories, users, issues, pull requests... Search Clear Search syntax tips # Provide feedback We read every piece of feedback, and take your input very seriously. - [x] Include my email address so I can be contacted Cancel Submit feedback # Saved searches ## Use saved searches to filter your results more quickly Name Query To see all available qualifiers, see our documentation. Cancel Create saved search Sign in Sign up Appearance settings Resetting focus You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert {{ message }} emilkowalski/**skills**Public * Notifications You must be signed in to change notification settings * Fork 885 * Star 16.3k * Code * Issues 2 * Pull requests 2 * Actions * Projects * Security and quality 0 * Insights Additional navigation options * Code * Issues * Pull requests * Actions * Projects * Security and quality * Insights # emilkowalski/skills main **3**Branches**0**Tags Go to file Code Open more actions menu ## Folders and files | Name | Name | Last commit message | Last commit date | | --- | --- | --- | --- | | ## Latest commit emilkowalski Update README.md Jul 15, 2026 6bf2443·Jul 15, 2026 ## History 37 Commits Open commit details 37 Commits | | skills | skills | /find-animation-opportunities (#11) | Jul 15, 2026 | | .gitignore | .gitignore | init | Mar 16, 2026 | | LICENSE | LICENSE | Fix nits | Jul 9, 2026 | | README.md | README.md | Update README.md | Jul 15, 2026 | | View all files | ## Repository files navigation * README * MIT license More items  # Skills For Design Engineers  For designers and engineers to help them build better user interfaces. Knowing whether you made a right choice when it comes to animations, or design in general, is hard. These skills aim to help you get to those right decisions faster. They are based on my years of experience working at companies like Vercel and Linear. All the skills here are a side-effect of domain-expertise. AI doesn’t replace such expertise, it amplifies what you can get out of it and makes you way better relative to others. So learn to code, design, or develop expertise in any other field. It’s extremely valuable. You can stay up to date with my skills here: Sign Up To The Newsletter ## Install undefinedshell npx skills@latest add emilkowalski/skills undefined ## Why use it? Agents don’t have great taste I have seen plenty of times that agents don’t pick the right ingredients for an animation. An `ease-in` easing for an enter animation when it’s supposed to be `ease-out` (here’s why). Or they choose a solid border instead of a semi-transparent shadow. All these little things compound and make your interface either amazing, or just... not that great. As explained in Agents with Taste, these skills list all the little mistakes agents can potentially make and explain how to fix them. This is your shortcut to great interfaces. A shortcut to stand out in a sea of slop. ## Reference * **emil-design-eng** — The main skill that consists of mostly animation, but also some design advice. * **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-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. ### Improve animations Inspired by shadcn/improve: use your most capable model to audit animations in your project and hand the execution to cheaper models. `improve-animations` surveys your whole codebase (not a single diff), audits it across eight categories (purpose & frequency, easing & duration, physicality, interruptibility, performance, accessibility, cohesion, missed opportunities), and presents a prioritized findings table. Pick the ones you want, and it writes self-contained plans into `plans/` — exact files, exact curves, exact durations, plus a feel check — that another agent can execute without any context or taste of its own. It never touches your source code itself. ``` > improve the animations in this codebase > improve-animations quick # hotspots only > improve-animations performance # one category > improve-animations plan add press feedback to all buttons > improve-animations execute plans/001-fix-dropdown-easing.md ``` ## About Skills for Design Engineers. emilkowal.ski/skill ### Resources Readme ### License MIT license ### Uh oh! There was an error while loading. Please reload this page. Activity ### Stars **16.3k** stars ### Watchers **58** watching ### Forks **885** forks Report repository ## Releases No releases published ## Packages 0 No packages published ## Contributors 3 * **emilkowalski**Emil Kowalski * **claude**Claude * **CommanderClaude** ## Footer © 2026 GitHub,Inc. ### Footer navigation * Terms * Privacy * Security * Status * Community * Docs * Contact * Manage cookies * Do not share my personal information You can’t perform that action at this time.