ToolsPromptsSkillsWorkflowsBlogAbout

Emil Kowalski Skills — AI Skills for Designers & Engineers

A curated collection of 12 AI skills for designers and engineers, built by Emil Kowalski (ex-Vercel, ex-Linear). Helps agents make great animation and design decisions — from building animations from scratch to auditing your codebase, picking the right UI library, and writing modern Swift. 45.1k GitHub stars.

Emil Kowalski Skills — AI Skills for Designers & Engineers preview

Prompt template

Install the skills with npx skills@latest add emilkowalski/skills, then ask your agent to use the appropriate skill for your design or engineering task.

How to use

  1. 1Install the skill collection — run npx skills@latest add emilkowalski/skills in your project directory
  2. 2Choose the right skill — pick from 12 specialized skills based on your task: emil-design-eng, animate, animate-expo, review-animations, improve-animations, find-animation-opportunities, animation-vocabulary, apple-design, write-swift, pick-ui-library, prototype, and more
  3. 3For animation creation — use the 'animate' skill to build animations from scratch with correct easing curves, durations, and properties
  4. 4For animation review — use 'review-animations' to get a strict, rule-based review of your existing animations
  5. 5For animation audits — use 'improve-animations' to audit all animations in your codebase and get prioritized, self-contained improvement plans
  6. 6For finding animation opportunities — use 'find-animation-opportunities' to discover places in your UI that would genuinely benefit from motion, and learn what NOT to animate
  7. 7For Apple-style design — use 'apple-design' to apply Apple's interface design principles and fluid motion, distilled from WWDC design talks and translated for the web
  8. 8For Swift development — use 'write-swift' to write modern Swift with value types, Swift 6 concurrency, generics, performance optimization, and Swift Testing
  9. 9For UI library selection — use 'pick-ui-library' to have your agent pick the right library based on trusted recommendations, instead of installing abandoned packages
  10. 10For React Native/Expo — use 'animate-expo' for gestures, sheets, haptics, screen transitions, and keeping motion off the JS thread
  11. 11Apply the skills — each skill contains domain expertise from years of experience at Vercel and Linear, helping agents avoid common design and animation mistakes

Pro tips

  • 45.1k GitHub stars and 2.6k forks — one of the most popular AI skill collections for designers and engineers
  • Created by Emil Kowalski, former designer/engineer at Vercel and Linear — skills are based on real production experience
  • The 'emil-design-eng' skill is the main one — it covers mostly animation but also general design advice
  • Use 'animation-vocabulary' to get better animations from AI by telling it exactly what you want using the right words
  • Agents often pick wrong easing curves (ease-in for enter animations instead of ease-out) — these skills fix that
  • All skills are MIT licensed — free to use in personal and commercial projects
  • Install via npx skills@latest add emilkowalski/skills — works with Claude and other AI agents that support skills
  • The skills list common mistakes agents make in animation and design, and explain how to fix them — your shortcut to great interfaces

Works best with

ClaudeReactReact NativeExpoSwift

Ratings & Reviews

Loading reviews…

Share your experience

Select a rating

Related Skills

Emil Design Engineering Skills — 13 skills for designers and engineers (Vercel/Linear)
Design

Emil Design Engineering Skills — 13 skills for designers and engineers (Vercel/Linear)

A collection of 13 skills for designers and engineers to help them build better user interfaces. Created by Emil Kowalski, former Vercel and Linear designer/engineer. Covers animation (building, reviewing, improving, finding opportunities, vocabulary), design guidelines (Apple design, UI library selection, prototyping), Swift development, and Sonner toast library guide. Based on years of experience building interfaces at Vercel and Linear. Install via `npx skills@latest add emilkowalski/skills`.

UI DesignAnimationDesign Engineering
4.9
Oil UI — Push AI's UI Design Capability to the Limit
Design

Oil UI — Push AI's UI Design Capability to the Limit

A structured AI UI design skill framework with an 8-step design methodology, style comparison pages, independent review, and automatic updates. Generate multiple distinct design directions, compare them side by side, and polish interfaces to production quality.

UI DesignWeb DesignDesign System
4.8
Remotion Agent Skills — 12 skills for programmatic video creation with React
Design

Remotion Agent Skills — 12 skills for programmatic video creation with React

Remotion maintains a list of 12 Agent Skills that define best practices for working in Remotion projects. Useful for AI agents like Claude Code, Codex, Kimi Code or Cursor. Covers best practices, project creation, React markup, Studio preview, rendering, map animations, captions/subtitles, SaaS architecture, interactivity, documentation search, upgrades, and multimedia handling with Mediabunny. Install via `npx skills add remotion-dev/skills`. Also offered when creating a new Remotion project via `bun create video`.

RemotionVideo CreationReact
4.8