디자인 워크플로

dsh-annotate

브라우저 요소를 짚으면 막연한 설명 대신 구조화된 사실이 에이전트에게 전달됩니다.

무엇인가

동반 Chrome 확장을 통한 시각적 브라우저 피드백. /annotate로 선택 모드에 들어가면, 클릭하는 요소마다 셀렉터, DOM 사실, 계산된 스타일 하이라이트, 접근성 데이터, 여러분의 메모, 선택적인 뷰포트 스크린샷이 에이전트의 다음 턴에 실립니다.

Visual browser element annotation for DeepSeek Harness, capturing DOM, styles, accessibility data, comments, and viewport screenshots.

업스트림 README에서

설치 방법

터미널에서 실행하세요.
git clone https://github.com/BrambleXu/dsh-annotate.git && dsh plugin --profile demo add ./dsh-annotate
플러그인을 인식하도록 dsh web을 다시 시작하세요.
그다음 원하는 디자인을 설명하세요. 하네스가 플러그인의 도구를 알아서 집어 듭니다.

리포지토리를 클론해 프로젝트를 하네스 프로필에 추가한 뒤, chrome://extensions에서 browser-extension 폴더를 압축 해제 방식 확장으로 로드하세요.
/annotate를 실행해 페이지의 요소를 클릭하고 각각에 메모를 붙이세요.
전송하면 수집된 사실과 뷰포트 스크린샷이 에이전트의 다음 턴에 도착합니다.

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

liustack 플러그인

Anionex 플러그인

yumimanji 플러그인

akqwpeter-prog 플러그인

다음 단계

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