워크스페이스 & 프리뷰
DSH-better-sidebar
사이드바 안의 완전한 워크벤치. 파일 탐색기, 풍부한 프리뷰, 터미널, Git, 브라우저까지.
무엇인가
하네스 웹 UI를 위한 듀얼 패널 워크벤치. CodeMirror 편집을 갖춘 지연 로딩 파일 탐색기, 이미지·Markdown·HTML·PDF·Office 파일 인라인 프리뷰, 진짜 터미널, VS Code 스타일 diff를 보여 주는 Git 패널, 임베드된 샌드박스 브라우저, 드래그 가능한 분할 창 탭까지 갖췄습니다.
一个侧边栏的完整工作台，支持三方拓展注册新Tab页面，内置文件渲染编辑/终端/Git/子代理
디자인에 왜 중요한가
- 에이전트가 만들어 내는 HTML, 이미지, 문서를 대화를 떠나지 않고 미리 봅니다.
- 임베드된 샌드박스 브라우저가 실행 중인 프로토타입을 채팅 옆 탭으로 엽니다.
- 서드파티 플러그인이 서비스 API를 통해 자체 탭과 파일 프리뷰어를 등록할 수 있습니다.
다루는 내용
- File explorer
- Editing & preview
- Terminal
- Git panel
- Embedded browser
- Split-pane workbench
설치 방법
DSH-better-sidebar
-
터미널에서 실행하세요.
npx -y --package @deepseek-ai/dsh dsh plugin --profile web add dsh-better-sidebar -
플러그인을 인식하도록 dsh web을 다시 시작하세요.
-
그다음 원하는 디자인을 설명하세요. 하네스가 플러그인의 도구를 알아서 집어 듭니다.
DeepSeek Harness로 실행하는 법
-
한 줄 스크립트로 설치하거나, 웹 프로필에 npm 패키지를 추가하세요.
-
워크벤치를 열고 우측 사이드바와 하단 패널에 탭을 배치하세요.
-
에이전트가 만든 결과를 그 자리에서 검토하세요. 프리뷰, diff, 터미널, 브라우저 탭으로.
여기 모인 플러그인은 모두 무료로 설치할 수 있으며, 실제 업스트림 출처로 연결됩니다.
DeepSeek Harness 저장소에서 더 보기 ↗다른 DeepSeek Harness 디자인 플러그인
비전 & 입력 무엇을 하나 modlens 텍스트 전용 DeepSeek 모델에 플러그인 비전을 답니다. 스크린샷을 붙여 넣으면 구조화된 근거가 나옵니다. 
비전 & 입력 무엇을 하나 dsh-vision-toolkit UI 복원, 그라운딩, 픽셀 비교 검증을 위한 열 가지 비전 도구. 
비전 & 입력 무엇을 하나 dsh-ui-spec UI 스크린샷을 구현 가능한 수준의 스펙으로 바꿉니다. 토큰, 여백 스케일, 레이아웃 그리드까지. 
비전 & 입력 무엇을 하나 dsh-media-skills 공짜 눈과 공짜 붓. 붙여 넣은 이미지 읽기에 워터마크 없는 이미지 생성까지. 다음 단계
세팅 없이, OpenDesign으로 디자인하기
이 플러그인을 직접 설치해도 되고, OpenDesign으로 DeepSeek Harness 주위에 잘 정돈된 디자인 레이어를 통째로 두를 수도 있습니다. 키는 직접 가져오고, 산출물도 직접 소유하세요.