explainer-visuals

SKILL.md

Create animated, interactive visuals that make complex ideas intuitive.

Great explainer visuals don't just illustrate—they reveal. They show the structure hidden in complexity, the motion implicit in static descriptions, the relationships that words struggle to convey.

Before creating any visual, conduct a brief discovery interview using AskUserQuestion. Understand not just WHAT to visualize, but WHY this idea needs visual treatment.

에세이와 블로그 게시물을 위한 고품질 애니메이션 설명 시각 자료를 만드세요. 사용자가 대화형 웹 애니메이션을 통해 개념, 프로세스, 데이터 또는 아이디어를 시각화하고 싶을 때 사용합니다. "시각적 생성", "이 개념에 애니메이션 적용", "설명자 만들기", "이 아이디어 시각화", "이 프로세스 다이어그램", "이 데이터 표시"와 같은 요청 또는 에세이 콘텐츠가 시각적 설명에서 도움이 될 때 트리거됩니다. 추상적 개념(멘탈 모델, 프레임워크), 기술 프로세스(알고리즘, 시스템) 및 데이터 시각화(추세, 비교)를 처리합니다. 웹 콘텐츠에 직접 포함되는 독립형 HTML/CSS/JS를 출력합니다. 출처: petekp/claude-code-setup.

원본 보기