Communitygithub.com

pixel-point/animate-text

헤딩, 레이블, 카운터, 텍스트 스왑을 위한 큐레이션된 텍스트 애니메이션 카탈로그입니다. 에이전트가 soft blur in, typewriter, shared axis, line reveal, stagger, crossfade, kinetic과 같은 명명된 효과를 WAAPI, Motion, Framer Motion, GSAP, CSS, Lottie, Rive 또는 유사한 스택으로 선택하거나 변환해야 할 때 사용합니다.

animate-text란 무엇인가요?

이 스킬은 텍스트 애니메이션 효과에 대한 정확한 JSON 사양을 제공하는 큐레이션된 카탈로그입니다. 개발자는 헤딩, 레이블, 카운터, 텍스트 스왑 등 다양한 용도에 맞게 미리 정의된 애니메이션 효과(soft blur in, typewriter, shared axis, line reveal, stagger, crossfade, kinetic 등)를 즉시 선택하거나 변환할 수 있습니다. WAAPI, Motion, Framer Motion, GSAP, CSS, Lottie, Rive 등 여러 주요 애니메이션 스택에서 완벽하게 작동하도록 설계되어 있으며, 각 효과에 대한 명확한 JSON 명세를 제공합니다. AI 에이전트가 어떤 텍스트 애니메이션 작업을 수행할 때마다 일관된 품질과 호환성을 보장하는 것이 목적입니다. 이 스킬은 에이전트가 복잡한 애니메이션 로직을 처음부터 작성하지 않고도 미리 검증된 사양을 활용하여 생산성을 높일 수 있도록 지원합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pixel-point/animate-text/tree/main/skills/animate-text

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

animate-text은(는) 무엇을 하나요?

헤딩, 레이블, 카운터, 텍스트 스왑을 위한 큐레이션된 텍스트 애니메이션 카탈로그입니다. 에이전트가 soft blur in, typewriter, shared axis, line reveal, stagger, crossfade, kinetic과 같은 명명된 효과를 WAAPI, Motion, Framer Motion, GSAP, CSS, Lottie, Rive 또는 유사한 스택으로 선택하거나 변환해야 할 때 사용합니다.

관련 스킬