Nagi-ovo/dsh-visualize

在 DSH 对话中生成交互式可视化|Render model-generated interactive cards inside DSH conversations

해결하는 문제

이 프로젝트는 DSH(데스크톱 셸) 환경 내의 AI 모델이 채팅 인터페이스 내에서 직접 대화형 시각적 구성 요소를 생성할 수 있게 합니다. 사용자는 텍스트만 받는 대신 모델이 즉석에서 생성한 시뮬레이터, 차트, 비교 패널 또는 UI 목업과 상호 작용할 수 있습니다.

작동 방식

이 플러그인은 AI 모델에 visualize 도구를 제공합니다. 모델이 이 도구를 호출하면 샌드박스 iframe 내에서 렌더링되는 HTML 조각을 전달합니다. 플러그인은 두 가지 모드를 지원합니다: 작은 구성 요소용 표준 채팅 카드와 복잡한 대시보드 또는 전체 화면 목업용 "페이지" 모드입니다. 시스템의 라이트/다크 테마에 적응하는 5가지 내장 시각적 스타일(예: "스케치", "터미널", "종이")이 포함되어 있으며, 사용자는 Markdown 파일을 통해 사용자 정의 스타일 기본 설정을 정의할 수 있습니다.

대상 사용자

텍스트 기반 LLM 응답을 넘어 AI 기반 작업 공간 내에서 기능적이고 대화형 도구, 데이터 시각화 또는 UI 프로토타입을 직접 만들고자 하는 DSH 사용자를 위해 설계되었습니다.

주요 기능

  • 대화형 UI 생성: 모델이 차트와 시뮬레이터 같은 실시간 대화형 요소를 만들 수 있습니다.
  • 영구 상태: 카드는 로컬에 저장되어 세션 간에 유지되며 채팅 재생 중에도 계속 볼 수 있습니다.
  • 테마 스타일링: 호스트의 라이트/다크 모드 설정을 자동으로 존중하는 5가지 고유한 시각적 테마가 포함되어 있습니다.
  • 안전한 실행: 생성된 모든 콘텐츠는 엄격한 콘텐츠 보안 정책(CSP)을 가진 샌드박스 iframe 내에서 실행되어 호스트 환경이 보호됩니다.
  • 증분 업데이트: update 작업을 지원하여 모델이 전체 구성 요소를 다시 생성하지 않고 기존 카드의 특정 부분을 수정할 수 있습니다.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트