캔버스 & 생성형 UI

dsh-diagram

세션 안의 어떤 글이든 일회용 이미지가 아니라 편집 가능한 Excalidraw 캔버스로 바꿉니다.

무엇인가

하네스 안의 Excalidraw 캔버스. 에이전트가 diagram_create를 호출해 간결한 의미론적 스펙에서 플로차트, 아키텍처 다이어그램, 타임라인, 계층도, 비교도를 만들고, Canvas 탭에서 전체 에디터가 열려 세션 안에서 텍스트, 노드, 연결선을 직접 다듬을 수 있습니다.

Turn any article already available in a DeepSeek Harness session into an editable Excalidraw canvas. The Agent creates the structure; you refine the text, nodes, and connections directly in DSH.
업스트림 README에서

디자인에 왜 중요한가

  • 일회용이 아니라 편집 가능. 정적으로 생성된 이미지를 받아들이는 대신 진짜 벡터 캔버스에서 계속 작업합니다.
  • 리비전 기반 compare-and-set 자동 저장이, 오래된 에디터가 더 새로운 작업을 조용히 덮어쓰는 일을 막습니다.
  • .excalidraw, SVG, PNG로 내보낼 수 있고, 손으로 고친 내용은 에이전트에게 diagram_read를 요청할 때만 전달됩니다.

다루는 내용

  • Why dsh-diagram?
  • Quick install
  • Create your first diagram
  • What it adds
  • Compatibility
  • Data, security, and limits

설치 방법

dsh-diagram

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

    dsh plugin --profile web add dsh-diagram@latest
  2. 플러그인을 인식하도록 dsh web을 다시 시작하세요.

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

DeepSeek Harness로 실행하는 법

  1. 웹 프로필에 플러그인을 추가하고 dsh web을 다시 시작하세요.

  2. 세션 안의 글을 명확한 다이어그램 하나로 그려 달라고 하면 에이전트가 diagram_create를 호출합니다.

  3. Canvas 탭을 열어 직접 편집한 뒤 내보내거나, 에이전트가 변경 내용을 읽어 가게 하세요.

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

DeepSeek Harness 저장소에서 더 보기 ↗

다음 단계

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

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

OpenDesign 데스크톱

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

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

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

macOS, Windows 지원