스킬 자체의 표현으로
텍스트 설명을 렌더링된 인포그래픽으로 변환하는 AntV 스킬입니다. 에이전트는 AntV Infographic 구문을 작성하는데, 이는 들여쓰기 기반 DSL로 첫 줄에 템플릿 이름을 명시하고 데이터 블록에는 title, desc와 해당 템플릿 고유의 메인 필드—목록, 시퀀스, 비교, 값, 노드 및 관계, 또는 root—를 담습니다.
테마 블록은 팔레트, 폰트, 스타일화 효과를 설정합니다. 함께 제공되는 템플릿 목록은 목록, 시퀀스, 비교, 계층, 관계, 차트 계열에 걸쳐 있으며, 타임라인, SWOT, 마인드맵, 로드맵, 사분면 분석, 워드클라우드를 다룹니다. 이후 에이전트는 <title>-infographic.html이라는 이름의 브라우저 실행 가능한 HTML 파일을 작성해 다이어그램을 렌더링하고 SVG로 내보냅니다.
산출물
- 사용자가 읽고 보관하거나 재사용할 수 있는 AntV Infographic 구문 자체입니다.
- Write 도구로 작성된 완전한 HTML 파일로,
<title>-infographic.html이라는 이름을 가집니다. - 렌더링된 페이지로부터 생성된 완성된 그래픽의 SVG 내보내기입니다.
작동 방식
- 01사용자가 실제로 보여주고 싶은 것을 파악하기
다른 무엇보다 먼저 스킬은 사용자의 요구와 그들이 표현하고자 하는 정보를 읽어냅니다. 이것이 템플릿과 데이터 구조를 모두 결정하기 때문입니다.
- 02브리프가 부실할 때 되묻기
콘텐츠 설명이 명확하고 간결하지 않으면 스킬은 내용을 임의로 만들어내지 않고 다시 물으며, 사용자가 원하는 템플릿이 무엇인지도 함께 물을 수 있습니다.
- 03콘텐츠 형태를 템플릿 계열에 맞추기
엄격한 순서는
sequence-로, 의견 목록은list-row-또는list-column-으로, 이항 비교는compare-binary-로, 트리는hierarchy-tree-로, 사분면은compare-quadrant-로 갑니다. - 04구조를 DSL로 표현하기
구조는 AntV Infographic 구문으로 바뀝니다: 템플릿 줄 하나, title/desc와 템플릿의 메인 필드를 담은
data블록, 그리고 선택적인theme블록입니다. - 05HTML 파일 생성하기
구문은 AntV Infographic 스크립트 태그, 컨테이너, 렌더 호출이 포함된 완전한 HTML 문서에 삽입됩니다.
- 06파일과 구문을 전달한 뒤 조정 사항 제안하기
응답에는 생성된 파일 경로와 구문이 담기며, 이어서 템플릿, 색상 또는 콘텐츠를 조정할 것을 제안합니다.