캔버스 & 생성형 UI
dsh-genui
서른 개가 넘는 인터랙티브 컴포넌트를 답변 안에 인라인으로 렌더링하고, 액션은 모델로 되돌아갑니다.
무엇인가
모델이 dsh-ui fence 안에 인터페이스를 JSON으로 서술하면, 브라우저 쪽 렌더러가 답변 안의 살아 있는 컴포넌트로 바꿉니다. 카드, 표, 차트, 폼, 탭, 타임라인, diff, mermaid, 3D 장면까지, 답이 스트리밍되는 동안 나타납니다.
GenUI for DeepSeek Harness: interactive UI components rendered inline in assistant replies via the dsh-ui fence — layout, charts, plots, forms, quizzes, mermaid, 3D scenes, and an action event loop back to the model.
디자인에 왜 중요한가
- 답변이 인터페이스가 됩니다. 데이터 패널, 차트, 폼이 설명이 이루어지는 바로 그 자리에서 렌더링됩니다.
- 인터랙티브 컴포넌트가 액션을 모델로 돌려보내고, 모델이 다시 UI를 갱신합니다.
- 컴포넌트 화이트리스트와 스펙 가드 덕분에 깨진 차트가 화면에 닿는 일이 없습니다.
다루는 내용
- Dual-channel rendering
- Before vs. after
- What it can do
- How it works
- Roadmap
설치 방법
dsh-genui
-
터미널에서 실행하세요.
dsh plugin --profile web add git+https://github.com/omdsh-dev/dsh-genui.git -
플러그인을 인식하도록 dsh web을 다시 시작하세요.
-
그다음 원하는 디자인을 설명하세요. 하네스가 플러그인의 도구를 알아서 집어 듭니다.
DeepSeek Harness로 실행하는 법
-
GitHub에서 플러그인을 추가하고 dsh web을 다시 시작하세요.
-
대시보드, 퀴즈, 폼을 요청하면 모델이 dsh-ui fence를 직접 작성합니다.
-
결과물과 상호작용하세요. 로컬 액션은 즉시 반응하고, 모델 액션은 루프로 되돌아갑니다.
여기 모인 플러그인은 모두 무료로 설치할 수 있으며, 실제 업스트림 출처로 연결됩니다.
DeepSeek Harness 저장소에서 더 보기 ↗다음 단계
세팅 없이, OpenDesign으로 디자인하기
이 플러그인을 직접 설치해도 되고, OpenDesign으로 DeepSeek Harness 주위에 잘 정돈된 디자인 레이어를 통째로 두를 수도 있습니다. 키는 직접 가져오고, 산출물도 직접 소유하세요.