vibe-motion/skills

[! 중요] 이 프로젝트는 더 이상 유지보수되지 않습니다. 방문해 주시기 motionface.cc.

중국어 간체 | 영어

설치

팁: 이 스크립트는 인터랙티브 설치 스크립트입니다. 설치할 스킬을 선택하려면 공간을 사용하세요; 모두 설치하는 것이 권장됩니다; 또한, 해당 에이전트(예: Claude Code)를 선택하는 것도 잊지 마세요. 에이전트마다 스킬을 저장하는 경로가 다릅니다.

사용 가능한 기술

지배자-진보-렌더링

자자 진행 애니메이션 생성. 트리거 키워드: 자 진행 애니메이션; 텍스트와 진행 상황 같은 매개변수를 설정할 수 있습니다.

클로드-타이퍼

Claude Code CLI 스타일 형식으로 타이핑 애니메이션을 시연하세요.

어안-움직임

스크린 스타일의 어안 왜곡 효과를 만들 수 있습니다: 배럴 왜곡 + 모아레 + 비네트, 그리고 ‘렌즈 초점 밀기 + 노란 마커 슬라이드인’ 영상을 사용할 수 있습니다. 스킬 가이드는 어안 모션 프로젝트를 복제하고 필요에 따라 렌더링 매개변수를 조정합니다.

절차적-어류 렌더링

원형 헤엄치는 절차적 물고기 애니메이션을 생성하세요.

픽셀2모션

PNG/JPG/WebP/스크린샷에서 로고를 부드럽고 복잡하지 않으며 실행 가능한 SVG로 변환한 후, 브랜드 로고 움직임, 인터랙티브 HTML 표시, GIF/비디오 미리보기, 모션 QA 증거를 생성합니다. 로고 애니메이션, SVG 로고 공개, 브랜드 애니메이션 전달, 픽셀 이미지에서 벡터 애니메이션 워크플로우에 적합합니다.

브랜드-출시-비디오-스타

회사 공식 웹사이트, 공식 브랜드 프로필, 또는 사용자가 업로드한 제품 이미지에서 시작하여 15–30초 분량의 빠른 속도, 시각적으로 매력적이고 부드러운 브랜드 및 제품 홍보 영상을 제작합니다. 스킬은 먼저 로고, 글꼴, 색상, 이미지, 제품 정보를 검증한 후, 내러티브, 프레임별 타임라인, 실제 제품 시연을 디자인합니다; 기본 영상은 영어 16:9 15초이며, 사용자가 정의한 길이와 프레임 크기를 지원합니다.

AI/SaaS 출시 영상, 공식 웹사이트 애니메이션 영상, 소비자 브랜드 광고, 물리적 제품 홍보, 서비스 및 회사 컨셉 영상에 적합합니다. 템플릿이 아니라 실제 자료를 사용하여 제품 기능, 사용 시나리오, 상호작용 과정 및 결과를 강조하는 데 중점을 둡니다.

설치 후에는 다음과 같이 직접 사용할 수 있습니다:

버거킹 — 플레임 시프트

문샷 AI — 제품 과도한 편집

리모션 캔들스틱

Remotion 프로젝트에서 야후 파이낸스 데이터 검색, 캔버스 프레임별 드로잉, 다크 트레이딩 터미널 스타일, 타임라인 디자인, 스튜디오 미리보기 및 렌더링 출력물을 다루는 애니메이션 금융 캔들스틱 차트를 제작하세요.

라이트-스포트라이트-렌더