emilkowalski/skills

어떤 프로젝트인가요?

핵심 기능

• 01easing, duration, 애니메이션을 적용할 속성을 다루는 애니메이션 지침입니다.
• 02코드베이스에서 애니메이션 문제를 검사하고 우선순위가 매겨진 수정안을 제시하는 검토 및 감사 스킬입니다.
• 03애니메이션의 프레임 드롭을 해결하는 데 초점을 둔 성능 스킬입니다.
• 04제스처, 시트, 햅틱, 화면 전환을 다루는 React Native 및 Expo 스킬입니다.
• 05value type, Swift 6 동시성, Swift Testing을 다루는 Swift 스킬입니다.
• 06npx 명령어 하나로 설치할 수 있습니다.

활용 사례

• AI 코딩 에이전트가 React 또는 웹 인터페이스에 애니메이션을 추가하거나 검토하게 할 때.
• 기존 앱의 애니메이션 오류를 감사하고 우선순위가 정해진 수정 계획을 받을 때.
• 세련된 제스처와 화면 전환을 갖춘 React Native 또는 Expo 앱을 만들 때.
• 출시 전에 긴 이름, 빈 목록, 특이한 데이터로 UI를 스트레스 테스트할 때.

빠른 시작

1. 1

   에이전트에 스킬을 설치하세요

   npx skills@latest add emilkowalski/skills

사용 전 알아둘 점

• !스킬은 독립 실행형 애플리케이션이 아니라 AI 코딩 어시스턴트를 위한 가이드입니다.
• !React Native/Expo, Swift, Sonner 등 특정 기술 스택을 대상으로 하는 스킬도 있으므로, 해당 도구를 사용하는 경우에만 도움이 됩니다.

토픽

자주 묻는 질문

skills은(는) 무엇인가요?

Vercel과 Linear에서 쌓은 경험을 바탕으로 AI 코딩 어시스턴트에게 애니메이션, UI 디자인, 프론트엔드 제작 원칙을 알려주는 에이전트 스킬 모음입니다. 이 저장소는 사용자 인터페이스를 만드는 디자이너와 엔지니어를 위한 설치형 에이전트 스킬 모음입니다. 각 스킬은 SKILL.md 파일로 제공되며, 진입 애니메이션에 어떤 easing curve를 쓸지, 불투명한 테두리보다 반투명 그림자가 나은 경우는 언제인지, 애니메이션에서 프레임 드롭을 방지하는 방법은 무엇인지 등 AI 코딩 에이전트에 구체적인 지침을 제공합니다.

skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

skills은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

skills은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. skills의 마지막 커밋은 2026년 10월 11일입니다.

skills은(는) 어디에 사용할 수 있나요?

AI 코딩 에이전트가 React 또는 웹 인터페이스에 애니메이션을 추가하거나 검토하게 할 때. 기존 앱의 애니메이션 오류를 감사하고 우선순위가 정해진 수정 계획을 받을 때. 세련된 제스처와 화면 전환을 갖춘 React Native 또는 Expo 앱을 만들 때. 출시 전에 긴 이름, 빈 목록, 특이한 데이터로 UI를 스트레스 테스트할 때.

skills는 어떻게 설치하나요?

에이전트에 스킬을 설치하세요: npx skills@latest add emilkowalski/skills

skills은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/emilkowalski/skills