Framer Motion

interaction-design 스킬은 팀이 목적 있는 UI 모션, 마이크로인터랙션, 전환, 로딩 상태, 피드백 패턴을 설계하고 구현할 수 있도록 실용적인 React 중심 참고 자료와 활용 가이드를 제공합니다.

frontend-dev는 세련되고 프로덕션에 바로 올릴 수 있는 웹 페이지를 만드는 프론트엔드 개발 스킬입니다. 프리미엄 UI, 시네마틱 모션, AI 생성 미디어, 설득력 있는 카피, 생성형 아트까지 함께 다뤄 랜딩 페이지, 마케팅 사이트, 제품 페이지, 대시보드 등 디자인·콘텐츠·구현 디테일이 서로 어긋나면 안 되는 프론트엔드 작업에 적합합니다.

frontend-ui-dark-ts는 TypeScript, Tailwind CSS, Framer Motion, 재사용 가능한 디자인 토큰을 활용해 다크 테마 React UI를 구축하는 데 도움이 됩니다. 대시보드, 관리자 패널, 분석 화면처럼 데이터가 많은 인터페이스에 적합하며, 세련된 다크 톤과 일관된 컴포넌트 패턴이 필요한 경우에 잘 맞습니다.

fixing-motion-performance는 기본적으로 기술 스택을 바꾸지 않고 UI 애니메이션 성능 문제를 점검하고 수정하는 데 도움을 줍니다. 모션이 끊기거나, 스크롤 연동 효과가 비싸거나, 트랜지션이 layout, paint, compositing 작업을 유발할 때 프론트엔드 작업에 사용하세요. 애니메이션 버그를 명확한 코드 수준의 수정안으로 정리해 줍니다.