Communitygithub.com

supermemoryai/svg-animations

아름답고 성능이 뛰어난 SVG 애니메이션과 일러스트레이션을 만듭니다. 사용자가 SVG 그래픽, 아이콘, 일러스트레이션, 애니메이션 로고, 경로 애니메이션, 모핑 셰이프, 로딩 스피너 또는 모든 애니메이션 SVG 콘텐츠 생성을 요청할 때 이 스킬을 사용하세요. SMIL 애니메이션, CSS 기반 SVG 애니메이션, 경로 그리기 효과, 셰이프 모핑, 모션 경로, 그라데이션, 마스크 및 필터를 다룹니다.

svg-animations란 무엇인가요?

이 스킬은 사용자가 요청한 SVG 그래픽, 아이콘, 일러스트레이션, 애니메이션 로고, 경로 애니메이션, 모핑 셰이프, 로딩 스피너 등 모든 애니메이션 SVG 콘텐츠를 생성합니다. SMIL, CSS, JavaScript 등 다양한 방식의 SVG 애니메이션을 지원하며, 경로 그리기, 셰이프 모핑, 모션 경로, 그라데이션, 마스크, 필터 등 고급 시각 효과를 포괄합니다. 개발자와 디자이너가 SVG를 활용해 시각적으로 매력적이고 성능 최적화된 웹 그래픽을 빠르게 제작할 수 있도록 도와줍니다. Claude Code, Cursor, Codex와 같은 AI 어시스턴트에서 이 스킬을 활성화하면 사용자의 자연어 요청을 분석하여 적절한 SVG 코드를 생성합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/supermemoryai/skills/tree/main/skills/svg-animations

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

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

문서

svg-animations은(는) 무엇을 하나요?

아름답고 성능이 뛰어난 SVG 애니메이션과 일러스트레이션을 만듭니다. 사용자가 SVG 그래픽, 아이콘, 일러스트레이션, 애니메이션 로고, 경로 애니메이션, 모핑 셰이프, 로딩 스피너 또는 모든 애니메이션 SVG 콘텐츠 생성을 요청할 때 이 스킬을 사용하세요. SMIL 애니메이션, CSS 기반 SVG 애니메이션, 경로 그리기 효과, 셰이프 모핑, 모션 경로, 그라데이션, 마스크 및 필터를 다룹니다.

관련 스킬