{"id":51160351,"url":"https://github.com/emilkowalski/skills","last_synced_at":"2026-07-23T04:31:09.213Z","repository":{"id":346816767,"uuid":"1183325896","full_name":"emilkowalski/skills","owner":"emilkowalski","description":"Skills for Design Engineers.","archived":false,"fork":false,"pushed_at":"2026-07-09T12:14:12.000Z","size":80,"stargazers_count":5547,"open_issues_count":0,"forks_count":359,"subscribers_count":35,"default_branch":"main","last_synced_at":"2026-07-09T13:10:54.292Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://emilkowal.ski/skill","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/emilkowalski.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-03-16T13:52:31.000Z","updated_at":"2026-07-09T13:10:51.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/emilkowalski/skills","commit_stats":null,"previous_names":["emilkowalski/skill","emilkowalski/skills"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/emilkowalski/skills","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilkowalski%2Fskills","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilkowalski%2Fskills/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilkowalski%2Fskills/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilkowalski%2Fskills/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/emilkowalski","download_url":"https://codeload.github.com/emilkowalski/skills/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilkowalski%2Fskills/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35789239,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-07-20T02:08:10.276Z","status":"online","status_checked_at":"2026-07-23T02:00:06.683Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-06-26T13:00:49.948Z","updated_at":"2026-07-23T04:31:09.207Z","avatar_url":"https://github.com/emilkowalski.png","language":null,"funding_links":[],"categories":["🧠 Agent Skills","Others","UI and Design Skills"],"sub_categories":[],"readme":"\u003ca href=\"https://animations.dev/\"\u003e\n\u003cimg width=\"320\" height=\"168\" alt=\"opengraph-image-pwu6ef\" src=\"https://github.com/user-attachments/assets/a405a37f-1a1a-4e8d-8fd6-269ee6d4fba6\" /\u003e\n\u003c/a\u003e\n\n# Skills For Design Engineers\n\n[![skills.sh](https://skills.sh/b/emilkowalski/skills)](https://skills.sh/emilkowalski/skills)\n\nFor designers and engineers to help them build better user interfaces.\n\nKnowing 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.\n\nThey are based on my years of experience working at companies like Vercel and Linear.\n\nAll 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.\n\nSo learn to code, design, or develop expertise in any other field. It’s extremely valuable.\n\nYou can stay up to date with my skills here:\n\n[Sign Up To The Newsletter](https://animations.dev/skills)\n\n## Install\n\n```bash\nnpx skills@latest add emilkowalski/skills\n```\n\n## Why use it?\n\nAgents don’t have great taste\n\nI 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](https://emilkowal.ski/ui/7-practical-animation-tips#4.-choose-the-right-easing)). Or they choose a solid border instead of a semi-transparent shadow.\n\nAll these little things compound and make your interface either amazing, or just... not that great.\n\nAs explained in [Agents with Taste](https://emilkowal.ski/ui/agents-with-taste), these skills list all the little mistakes agents can potentially make and explain how to fix them.\n\nThis is your shortcut to great interfaces. A shortcut to stand out in a sea of slop.\n\n## Reference\n\n- **[emil-design-eng](./skills/emil-design-eng/SKILL.md)** — The main skill that consists of mostly animation, but also some design advice.\n- **[review-animations](./skills/review-animations/SKILL.md)** — Review your animations in a strict way, based on my rules.\n- **[improve-animations](./skills/improve-animations/SKILL.md)** — Audit all the animations in your codebase and get prioritized, self-contained plans that any agent can execute.\n- **[find-animation-opportunities](./skills/find-animation-opportunities/SKILL.md)** — Search your UI for places that would genuinely benefit from motion, while also telling you what not to animate.\n- **[animation-vocabulary](./skills/animation-vocabulary/SKILL.md)** — Get better animations from an AI by telling it exactly what you want by using the right words.\n- **[apple-design](./skills/apple-design/SKILL.md)** — Apple's principles for interface design and fluid motion, distilled from their WWDC design talks and translated for the web.\n- **[pick-ui-library](./skills/pick-ui-library/SKILL.md)** — Have your agent pick the right library for the task based on libraries I use and trust, instead of letting AI hand-roll a toast component or install an abandoned package.\n\n### Improve animations\n\nInspired by [shadcn/improve](https://github.com/shadcn/improve): use your most capable model to audit animations in your project and hand the execution to cheaper models.\n`improve-animations` surveys your whole codebase (not a single diff), audits it across eight categories (purpose \u0026 frequency, easing \u0026 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.\n\n```\n\u003e improve the animations in this codebase\n\u003e improve-animations quick        # hotspots only\n\u003e improve-animations performance  # one category\n\u003e improve-animations plan add press feedback to all buttons\n\u003e improve-animations execute plans/001-fix-dropdown-easing.md\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femilkowalski%2Fskills","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Femilkowalski%2Fskills","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femilkowalski%2Fskills/lists"}