캔버스 & 생성형 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.
업스트림 README에서

디자인에 왜 중요한가

  • 답변이 인터페이스가 됩니다. 데이터 패널, 차트, 폼이 설명이 이루어지는 바로 그 자리에서 렌더링됩니다.
  • 인터랙티브 컴포넌트가 액션을 모델로 돌려보내고, 모델이 다시 UI를 갱신합니다.
  • 컴포넌트 화이트리스트와 스펙 가드 덕분에 깨진 차트가 화면에 닿는 일이 없습니다.

다루는 내용

  • Dual-channel rendering
  • Before vs. after
  • What it can do
  • How it works
  • Roadmap

설치 방법

dsh-genui

  1. 터미널에서 실행하세요.

    dsh plugin --profile web add git+https://github.com/omdsh-dev/dsh-genui.git
  2. 플러그인을 인식하도록 dsh web을 다시 시작하세요.

  3. 그다음 원하는 디자인을 설명하세요. 하네스가 플러그인의 도구를 알아서 집어 듭니다.

DeepSeek Harness로 실행하는 법

  1. GitHub에서 플러그인을 추가하고 dsh web을 다시 시작하세요.

  2. 대시보드, 퀴즈, 폼을 요청하면 모델이 dsh-ui fence를 직접 작성합니다.

  3. 결과물과 상호작용하세요. 로컬 액션은 즉시 반응하고, 모델 액션은 루프로 되돌아갑니다.

여기 모인 플러그인은 모두 무료로 설치할 수 있으며, 실제 업스트림 출처로 연결됩니다.

DeepSeek Harness 저장소에서 더 보기 ↗

다음 단계

세팅 없이, Open Design으로 디자인하기

이 플러그인을 직접 설치해도 되고, Open Design으로 DeepSeek Harness 주위에 잘 정돈된 디자인 레이어를 통째로 두를 수도 있습니다. 키는 직접 가져오고, 산출물도 직접 소유하세요.

Open Design 데스크톱

하나의 디자인 시스템으로 모든 결과물에 브랜드 일관성을

완전한 Vibe Design Workspace에서 하나의 브랜드 규칙을 웹사이트, 슬라이드, 인터랙티브 프로토타입, 대시보드, 이미지, HTML 영상에 적용하세요. 로컬 Codex, Claude Code, Cursor 등을 연결해 무료로 제작할 수 있습니다.

  • 웹, 슬라이드, 프로토타입, 대시보드, 이미지, 영상
  • 140개+ 디자인 시스템과 전체 템플릿·스킬 라이브러리
  • 로컬 Codex 및 21개+ 코딩 에이전트 연결 · 무료
무료 다운로드

macOS, Windows, Linux 지원