워크스페이스 & 프리뷰

dsh-web-ui

생태계 최대의 UI 키트. 태스크 보드, 프리뷰 패널, Git 그래프에 스킨 센터까지.

무엇인가

하네스 웹 UI를 위한 플러그인과 스킨 모음. 카드가 실제 에이전트 세션을 실행하는 5열 태스크 보드, 파일 트리와 멀티 탭 프리뷰를 갖춘 우측 패널, Git 그래프, 모바일 원격 제어, 적용 전에 입어 볼 수 있는 스킨 센터까지 담겨 있습니다.

Plugin and skin collection for DeepSeek Harness (DSH) Web UI - task board, git graph, right-side panel, remote mobile UI, pet, live token stats, and skin center.
업스트림 README에서

디자인에 왜 중요한가

  • 우측 패널이 Markdown, HTML, diff, CSV, PDF, Office 파일, 이미지를 대화 옆에서 미리 보여 줍니다.
  • 태스크 보드가 디자인 할 일을 카드로 바꾸고, 실제 dsh 에이전트 세션이 실행해 결과를 보고합니다.
  • 패널 너비는 드래그로 조절되고 프로젝트별로 저장되므로 워크스페이스가 정리해 둔 그대로 유지됩니다.

다루는 내용

  • Task board
  • Git graph
  • Right-side panel
  • Mobile remote
  • Skin center

설치 방법

dsh-web-ui

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

    dsh plugin --profile web add @linxin666/dsh-web-ui-all@0.1.10
  2. 플러그인을 인식하도록 dsh web을 다시 시작하세요.

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

DeepSeek Harness로 실행하는 법

  1. 웹 프로필에 애그리게이트 패키지를 추가하면 한 번에 전부 설치됩니다.

  2. 우측 패널을 열고 작업 중인 파일과 프리뷰를 고정하세요.

  3. 보드에 디자인 태스크를 올려 두면 카드가 실제 에이전트 세션에서 실행됩니다.

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

DeepSeek Harness 저장소에서 더 보기 ↗

다음 단계

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

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

OpenDesign 데스크톱

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

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

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

macOS, Windows 지원