AI product Open source

Skills for Designers and Engineers

An agent-facing collection of design and engineering skills by Emil Kowalski for building and reviewing user interfaces. Its guidance covers animation curves, durations, properties, gestures, haptics, screen transitions, motion placement, borders, shadows, typography, Apple interface principles distilled from WWDC talks, UI-library selection, modern Swift, prototyping, and product-interface details.

View repository Visit site Mentioned in 7 videos ↓

Overview

The skills can create animations from scratch, review animations against defined rules, audit a codebase and produce prioritized implementation plans, identify worthwhile opportunities for motion while flagging what should not be animated, and build multiple UI variants navigated through a switcher. A React Native and Expo skill covers gestures, sheets, haptics, screen transitions, and keeping motion off the JavaScript thread; other skills guide use of the Sonner toast library and library selection. The collection is installed with `npx skills@latest add emilkowalski/skills` and is based on Kowalski’s stated experience at Vercel and Linear.

What Skills for Designers and Engineers is used for

7 uses taken from transcripts — each links to the moment in the video.

  • Packages reusable prompts, metadata, resources, and scripts in a folder so an LLM can auto-load domain-specific instructions and perform a task consistently.

  • An open-source set of agent skills for creating polished interfaces and animations. It helps coding agents choose appropriate easing, borders, shadows, motion patterns, and UI libraries, and can audit existing interfaces for motion problems.

  • Provides coding agents with concrete design guidance for interface motion, UI library selection, rapid prototyping, and Apple-inspired web design. It can build and audit animations and flag unnecessary movement.

  • A collection of structured interface-review skills for coding agents. Its focused skills cover typography, color, accessibility, layout, UI details, and product writing, with support for quick reviews or complete flows.

  • A skill is a set of instructions for an AI agent to perform a particular kind of task, sometimes including code. It can define repeatable steps and judgment about when to stop and escalate to a human.

  • Anthropic's public repository of agent skills for Claude. Skills are folders containing instructions, code, and resources that Claude loads dynamically for specialized tasks such as document writing, data analysis, and automation.

  • A set of agent skills that gives coding agents design guidance for user interfaces, animation, and interface polish. The skills help create, review, and improve animations, select UI libraries, and make web applications feel more native.

Videos mentioning Skills for Designers and Engineers

7 in the library.