비전 & 입력

dsh-vision-toolkit

UI 복원, 그라운딩, 픽셀 비교 검증을 위한 열 가지 비전 도구.

무엇인가

DeepSeek Harness 네이티브로 묶인 열 가지 비전 도구. 이미지 Q&A, 픽셀 좌표를 돌려주는 그라운딩과 검출, 긴 스크린샷 OCR, 크롭, 컬러 추출, HTML 스크린샷, 픽셀 비교까지. 도구는 vision-tools 스킬을 통해 점진적으로 마운트됩니다.

DeepSeek Harness-native integration for agent-vision-toolkit: image Q&A, long-screenshot OCR, UI restoration, grounding, pixel diff, Artifacts, and Web UI.
업스트림 README에서

디자인에 왜 중요한가

  • UI 복원 루프를 숫자로 닫습니다. 저장소에 포함된 워크플로가 재구현을 픽셀 차이 6.04%에서 0%까지 반복해 줄입니다.
  • 그라운딩과 검출이 원본 이미지 기준 픽셀 박스를 돌려주므로, 에이전트가 산문을 해석하는 대신 좌표로 움직입니다.
  • 인포그래픽과 손그림 스케치가 편집 가능한 HTML/CSS 인터페이스가 됩니다.

다루는 내용

  • Why this exists
  • Proven use cases
  • Reference-to-pixel verification
  • Tools
  • Security and execution model

설치 방법

dsh-vision-toolkit

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

    dsh plugin --profile web add @dsh-external/dsh-vision-toolkit
  2. 플러그인을 인식하도록 dsh web을 다시 시작하세요.

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

DeepSeek Harness로 실행하는 법

  1. 웹 또는 헤드리스 프로필에 플러그인을 추가하고, 원격 도구용 비전 자격 증명을 설정하세요.

  2. 툴킷을 활성화하면 vision-tools 스킬이 열 가지 도구 스키마를 모두 마운트합니다.

  3. 레퍼런스를 재구현한 뒤 vision_html_screenshot과 vision_pixel_diff로 검증하세요.

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

DeepSeek Harness 저장소에서 더 보기 ↗

다음 단계

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

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

OpenDesign 데스크톱

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

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

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

macOS, Windows 지원