캔버스 & 생성형 UI
deepseek-harness-genui
작업이 필요할 때 맞춤 React 인터페이스를 틔워 내고, 그 안에서 고른 것이 에이전트로 되돌아갑니다.
무엇인가
에이전트 작업을 위한 런타임 인터페이스 레이어. 텍스트가 걸림돌이 될 때 에이전트가 작은 React + TypeScript 앱을 작성해 인라인, Canvas, 전체 화면, localhost로 띄우고, 어려운 관계를 설명하거나 복잡한 결정을 수집하거나 작업 범위 승인을 거쳐 연결된 도구를 조작합니다.
DeepSeek Harness GenUI is a runtime interface layer for Agent tasks. When text gets in the way, the Agent can make the current task grow a focused UI—to explain a difficult relationship, collect a complex decision, or operate a connected tool.
디자인에 왜 중요한가
- 인터페이스가 코드 우선 React라서 레이아웃, 컨트롤, 다이어그램이 스크린샷이 아니라 진짜 컴포넌트입니다.
- 저장된 선택, 입력, 초안이 작업으로 돌아가 이후의 에이전트 턴이 읽을 수 있습니다.
- 네 가지 비주얼 프로필을 갖춘 DESIGN.md 체계가 생성된 앱을 하나의 디자인 언어로 묶어 줍니다.
다루는 내용
- What Changes
- When an Interface Helps
- Inline & Canvas
- How It Works
- Design MD
- Safety
설치 방법
deepseek-harness-genui
-
터미널에서 실행하세요.
dsh plugin --profile web add dsh-plugin-genui && dsh plugin --profile web exec playwright install chromium -
플러그인을 인식하도록 dsh web을 다시 시작하세요.
-
그다음 원하는 디자인을 설명하세요. 하네스가 플러그인의 도구를 알아서 집어 듭니다.
DeepSeek Harness로 실행하는 법
-
설치 명령을 실행하세요. 플러그인이 추가된 뒤 Playwright에 필요한 Chromium이 설치됩니다.
-
상호작용이 도움이 될 때 인터페이스를 요청하세요. 선택기, 탐색 가능한 모델, 코드 경로 탐색기까지.
-
조작한 뒤 이어서 물어보세요. 에이전트가 다시 말해 달라는 대신 여러분이 선택한 내용을 읽어 옵니다.
여기 모인 플러그인은 모두 무료로 설치할 수 있으며, 실제 업스트림 출처로 연결됩니다.
DeepSeek Harness 저장소에서 더 보기 ↗다른 DeepSeek Harness 디자인 플러그인
비전 & 입력 무엇을 하나 modlens 텍스트 전용 DeepSeek 모델에 플러그인 비전을 답니다. 스크린샷을 붙여 넣으면 구조화된 근거가 나옵니다. 
비전 & 입력 무엇을 하나 dsh-vision-toolkit UI 복원, 그라운딩, 픽셀 비교 검증을 위한 열 가지 비전 도구. 
비전 & 입력 무엇을 하나 dsh-ui-spec UI 스크린샷을 구현 가능한 수준의 스펙으로 바꿉니다. 토큰, 여백 스케일, 레이아웃 그리드까지. 
비전 & 입력 무엇을 하나 dsh-media-skills 공짜 눈과 공짜 붓. 붙여 넣은 이미지 읽기에 워터마크 없는 이미지 생성까지. 다음 단계
세팅 없이, OpenDesign으로 디자인하기
이 플러그인을 직접 설치해도 되고, OpenDesign으로 DeepSeek Harness 주위에 잘 정돈된 디자인 레이어를 통째로 두를 수도 있습니다. 키는 직접 가져오고, 산출물도 직접 소유하세요.