캔버스 & 생성형 UI

dsh-visualize

모델이 인터랙티브 HTML 카드를 대화 스트림 안에 바로 그려 넣습니다.

무엇인가

visualize 도구와 동반 스킬. 모델이 HTML 프래그먼트를 작성하면 채팅 안에 샌드박스된 인터랙티브 카드로 마운트됩니다. 시뮬레이터, 차트, 비교 패널, UI 목업을 스트리밍 프리뷰와 테마에 맞춘 스타일로 보여 줍니다.

DSH does not have to answer with text alone. When the model calls visualize, the Web UI renders an interactive card inside the conversation for simulators, charts, comparison panels, and UI mockups.
업스트림 README에서

디자인에 왜 중요한가

  • UI 목업이 대화 안에 살아 있어, 설명으로 그치지 않고 클릭할 수 있습니다.
  • 카드가 호스트의 라이트/다크 테마와 팔레트를 따르므로 프리뷰가 네이티브처럼 보입니다.
  • 모든 카드는 엄격한 CSP를 갖춘 샌드박스 iframe에서 돌아, 깨진 프래그먼트가 세션을 망가뜨릴 수 없습니다.

다루는 내용

  • Install
  • Use it
  • Security
  • Limitations

설치 방법

dsh-visualize

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

    dsh plugin --profile web add github:Nagi-ovo/dsh-visualize
  2. 플러그인을 인식하도록 dsh web을 다시 시작하세요.

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

DeepSeek Harness로 실행하는 법

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

  2. 목업이나 비교를 요청하면 모델이 자신의 HTML로 visualize를 호출합니다.

  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 지원