omdsh-dev/dsh-genui

어떤 프로젝트인가요?

핵심 기능

• 01답변 안에 통계 카드, 표, 차트, 탭, 아코디언, 파일 트리를 렌더링합니다.
• 02ECharts 차트와 Mermaid 다이어그램을 지원하며, 렌더링 엔진은 지연 로드됩니다.
• 03매개변수 슬라이더를 조작하면 브라우저에서 곡선을 다시 그리는 함수 플롯을 제공합니다.
• 04로컬 채점과 모델에 액션을 선택적으로 보내는 기능을 지원하는 퀴즈 및 객관식 폼을 제공합니다.
• 05내용이 바뀌어도 위치를 유지하며 업데이트되는 세션 패널을 제공합니다.
• 06확정된 컴포넌트를 독립 실행형 HTML 또는 JSON으로 내보냅니다.

활용 사례

• 채팅 답변 안에 대시보드 형태로 주문 또는 서비스 지표를 보여줍니다.
• 모델이 생성한 인터랙티브 퀴즈나 연습 문제를 만듭니다.
• 조절 가능한 플롯과 차트로 수학 또는 데이터를 시각화합니다.
• 버튼과 폼을 통해 사용자가 모델의 제안에 따라 작업을 수행하도록 합니다.

빠른 시작

1. 1

   pnpm이 없으면 설치합니다(corepack enable).

   corepack enable
2. 2

   DSH에 플러그인을 설치하고 활성화합니다.

   dsh plugin --profile web add @changfenhuang/dsh-genui
3. 3

   dsh web을 다시 시작하고, 하드 새로고침한 다음 새 세션을 시작해 확인합니다.

사용 전 알아둘 점

• !DSH 버전 ^0.2.0-rc.1 || ^0.2.1-rc.1 및 PATH에 등록된 pnpm이 필요합니다.
• !호스트에서 클라이언트 활성화 기능과 slots 및 sessions 서비스를 제공해야 합니다.
• !실제 모델을 사용한 엔드투엔드 테스트를 하려면 모델 인증 정보가 설정되어 있어야 합니다.
• !잘못된 패키지 이름으로 npm에서 설치하면 dsh-genui라는 관련 없는 프로젝트가 설치될 수 있습니다.

토픽

자주 묻는 질문

dsh-genui은(는) 무엇인가요?

assistant 답변 안에 차트, 표, 폼, 퀴즈, 플롯, Mermaid 등 인터랙티브 UI 컴포넌트를 인라인으로 렌더링하는 DSH 플러그인입니다. dsh-genui는 모델 답변에 일반 텍스트만 담는 대신 인터랙티브 UI 컴포넌트를 포함할 수 있게 해주는 DSH 플러그인입니다. 모델이 dsh-ui 코드 펜스 안에 JSON 설명을 작성하면 브라우저 렌더러가 이를 통계 카드, 정렬 가능한 표, ECharts 및 Mermaid 차트, 폼, 퀴즈, 함수 플롯, 지속적으로 표시되는 세션 패널로 바꾸며, 주변 텍스트는 그대로 유지합니다.

dsh-genui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

dsh-genui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

dsh-genui은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. dsh-genui의 마지막 커밋은 2026년 10월 19일입니다.

dsh-genui은(는) 어디에 사용할 수 있나요?

채팅 답변 안에 대시보드 형태로 주문 또는 서비스 지표를 보여줍니다. 모델이 생성한 인터랙티브 퀴즈나 연습 문제를 만듭니다. 조절 가능한 플롯과 차트로 수학 또는 데이터를 시각화합니다. 버튼과 폼을 통해 사용자가 모델의 제안에 따라 작업을 수행하도록 합니다.

dsh-genui는 어떻게 설치하나요?

pnpm이 없으면 설치합니다(corepack enable).: corepack enable DSH에 플러그인을 설치하고 활성화합니다.: dsh plugin --profile web add @changfenhuang/dsh-genui dsh web을 다시 시작하고, 하드 새로고침한 다음 새 세션을 시작해 확인합니다.

dsh-genui은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/omdsh-dev/dsh-genui