본문으로 건너뛰기

애니메이션 다이어그램 에이전트

아키텍처 다이어그램에 트래픽 흐름, 확장, 배포와 장애 조치 동작을 시각화합니다. 반복되는 SVG 움직임에는 SMIL을, 제어 기능·시나리오 전환·리소스 수명 주기 시뮬레이션에는 JavaScript/CSS 상태 머신을 사용합니다.

작업 흐름​

먼저 읽기 쉬운 정적 아키텍처를 구성한 뒤 움직임, 범례, 레이블과 제어 기능을 추가합니다. 의미별 색상을 일관되게 유지하고, 이벤트 순서가 드러나도록 시간차를 두며, 초기화와 재생 동작을 검증합니다. 정지 화면과 애니메이션 결과를 모두 검토합니다.

결과물과 검증​

편집 가능한 소스, 렌더링 결과, 관련 빌드 명령과 검증 근거를 제공합니다. 완료나 게시 전에 콘텐츠 리뷰 게이트를 통과해야 합니다. 파일을 저장했다는 사실만으로 리뷰를 통과한 것은 아닙니다.

에이전트 명세 · 스킬 가이드