Emil Kowalski는 Vercel과 Linear에서 오랫동안 디자인 엔지니어로 일하며, 이 기간 동안의 판단을 12가지 Skill로 정리했고 이미 36,000개 이상의 Star를 기록했습니다!

Claude Code나 Codex에 로드한 후, Agent는 애니메이션을 작성하기 전에 의사결정 과정을 거칩니다. 하루에 100회 이상 조회되는 요소는 애니메이션하지 않도록 하고, 진입(entrance)과 퇴장(exit)에는 빠르다가 느려지는 곡선(fast-then-slow curve)을 사용하며, 버튼은 눌렸을 때 0.97로 축소되도록 합니다.

GitHub:
http://github.com/emilkowalski/skills
…
리뷰 모드에서는 변경 사항을 표 형태로 나열하는데, 왼쪽에는 원본 코드가, 오른쪽에는 새 버전이 표시되고, 또 다른 열에는 그 이유를 설명합니다.

애니메이션 기회를 포착하는 전용 Skill도 있습니다. 이 스킬은 인터페이스를 스캔하여 어디에 애니메이션을 적용해야 하고 어디는 그대로 두어야 하는지 알려줍니다.

또 다른 스킬은 Agent가 UI 라이브러리를 선택하도록 도와주어, 팝업 알림 컴포넌트를 직접 만들거나(hand-roll) 유지보수되지 않는 패키지를 설치하는 것을 방지합니다.

Apple의 WWDC 디자인 강연에서 나온 원칙들도 Skill로 컴파일되었으며 웹 친화적인 버전으로 각색되었습니다. 프론트엔드 개발자들은 이 스킬을 로드하여 Agent가 작업을 시작하기 전에 자신의 규칙들을 검토할 수 있습니다.