워크스페이스 & 프리뷰
dsh-web-preview
워크스페이스를 미리 보고, 프로젝트를 실행하고, 요소에 주석을 다는 글래스 사이드 패널.
무엇인가
하네스 웹 UI를 위한 사이드 웹 프리뷰 패널. 워크스페이스 파일을 프리뷰로 서빙하고(Markdown은 렌더링, 코드는 줄 번호와 함께, 이미지와 HTML은 그대로), 프로젝트는 Cargo, package.json, go.mod, Python을 자동 감지해 라이브 로그와 함께 실행되며, 마킹 모드가 요소 주석을 대화로 되돌려 보냅니다.
DeepSeek Harness（DSH）侧边网页预览面板 —— 一个标准 Cordis 插件包（Host + Client 双半），把工作区目录托管成 iframe 预览，并支持项目运行、元素标记批注与链接点击接管。
디자인에 왜 중요한가
- 에이전트가 방금 작성한 프로토타입이 채팅 옆에서 열립니다. 주소창은 동기화되고 패널 너비는 드래그로 조절됩니다.
- 마킹 모드가 요소를 호버로 강조하고, 셀렉터와 HTML 스냅샷을 수집해 메모와 함께 대화로 보냅니다.
- 링크, 파일 경로, 드롭한 파일이 모두 패널에서 열려 리뷰가 세션을 떠나지 않습니다.
다루는 내용
- 功能
- 安装
- 开发
- 协议
설치 방법
dsh-web-preview
-
터미널에서 실행하세요.
cd ~/.dsh/profiles/web && npm install dsh-web-preview-panel -
플러그인을 인식하도록 dsh web을 다시 시작하세요.
-
그다음 원하는 디자인을 설명하세요. 하네스가 플러그인의 도구를 알아서 집어 듭니다.
DeepSeek Harness로 실행하는 법
-
웹 프로필 디렉터리에 패키지를 설치한 뒤, 해당 프로필의 cordis.patch.yml에 dsh-web-preview-panel이라는 이름의 insert 항목을 추가해 마운트하세요.
-
dsh web을 다시 시작하고 대화 우측 상단의 ▶ 프리뷰 버튼을 여세요.
-
패널에서 프로젝트를 실행하고, 요소에 주석을 달고, 로그와 메모를 곧장 에이전트에게 보내세요.
여기 모인 플러그인은 모두 무료로 설치할 수 있으며, 실제 업스트림 출처로 연결됩니다.
DeepSeek Harness 저장소에서 더 보기 ↗다른 DeepSeek Harness 디자인 플러그인
비전 & 입력 무엇을 하나 modlens 텍스트 전용 DeepSeek 모델에 플러그인 비전을 답니다. 스크린샷을 붙여 넣으면 구조화된 근거가 나옵니다. 
비전 & 입력 무엇을 하나 dsh-vision-toolkit UI 복원, 그라운딩, 픽셀 비교 검증을 위한 열 가지 비전 도구. 
비전 & 입력 무엇을 하나 dsh-ui-spec UI 스크린샷을 구현 가능한 수준의 스펙으로 바꿉니다. 토큰, 여백 스케일, 레이아웃 그리드까지. 
비전 & 입력 무엇을 하나 dsh-media-skills 공짜 눈과 공짜 붓. 붙여 넣은 이미지 읽기에 워터마크 없는 이미지 생성까지. 다음 단계
세팅 없이, OpenDesign으로 디자인하기
이 플러그인을 직접 설치해도 되고, OpenDesign으로 DeepSeek Harness 주위에 잘 정돈된 디자인 레이어를 통째로 두를 수도 있습니다. 키는 직접 가져오고, 산출물도 직접 소유하세요.