Antigravity, 인터랙티브 UI 아티팩트 추가 - 데이터 시각화부터 3D 시뮬레이션까지

1 week ago 10

마크다운·이미지·Mermaid만으로 설명하기 어려운 아이디어를 직접 조작할 수 있는 UI로 생성하는 Interactive Generative UI Artifacts를 추가함 에이전트가 동적 데이터 시각화와 대시보드부터 3D 설명용 시뮬레이션까지 만들고, 대화 안이나 아티팩트 패널에서 바로 렌더링 프로젝트 의존성 그래프, 알고리듬 동작 과정, 복잡한 데이터의 관계처럼 텍스트와 표만으로 파악하기 어려운 구조를 탐색 가능한 형태로 보여줌 생성된 결과를 클릭하며 확인하고 자연어로 반복 수정할 수 있어, 별도 시각화 도구나 화면으로 이동하지 않고 분석과 프로토타이핑을 이어갈 수 있음 아티팩트는 추가 패키지 없이 로컬에서 실행되며, 오프라인 사용과 독립형 HTML 파일 내보내기를 지원함 마크다운을 넘어 인터랙티브 UI로 설명 Antigravity 에이전트가 답변에 텍스트나 정적인 이미지만 붙이는 대신, 실행하고 조작할 수 있는 HTML/CSS/JavaScript 아티팩트를 생성함 복잡한 개념을 설명하는 데 마크다운, 이미지, Mermaid 다이어그램만으로 충분하지 않을 때 사용할 수 있음 생성 가능한 결과물은 다음과 같음 동적 대시보드와 데이터 시각화 실시간 차트와 다이어그램 클릭하며 탐색하는 설명 자료 인터랙티브 디자인 목업 3D 설명용 시뮬레이션 결과는 대화 흐름 안에서 바로 표시하거나 별도의 아티팩트 패널에서 크게 열어 조작할 수 있음 완성된 모습을 코드만 보고 상상하는 대신 실제 동작을 확인하면서 에이전트에 수정을 요청할 수 있음 복잡한 데이터를 탐색 가능한 형태로 표나 텍스트만으로 파악하기 어려운 데이터를 차트·다이어그램·대시보드로 변환함 단순히 보기 좋은 그림을 만드는 데 그치지 않고, 사용자가 요소를 클릭하거나 조건을 바꾸며 관계와 패턴을 탐색할 수 있음 프로젝트 구조와 의존성, 데이터 흐름, 알고리듬의 동작처럼 여러 요소가 연결된 내용을 시각적으로 표현하는 데 적합함 분석 결과와 설명을 같은 화면에서 확인할 수 있어, 별도의 시각화 도구로 데이터를 옮기는 과정을 줄여줌 추가 의존성 없는 로컬 실행 생성된 시각화는 실행을 위해 별도의 패키지나 라이브러리를 내려받지 않는 무의존성 아티팩트로 만들어짐 사용자 컴퓨터에서 직접 렌더링되며 인터넷 연결 없이도 실행할 수 있음 독립형 HTML 파일로 내보내 Antigravity 밖에서 열거나 다른 사람과 공유할 수 있음 내보낸 아티팩트는 나중에 다시 불러와 확인하거나 계...

Read Entire Article