캔버스 & 생성형 UI

dsh-openpencil

에이전트가 정적 이미지를 돌려주는 대신 진짜 편집 가능한 벡터 캔버스 위에서 디자인합니다.

무엇인가

하네스를 오픈소스 AI 네이티브 벡터 디자인 도구인 OpenPencil에 연결합니다. 다섯 가지 도구로 에이전트가 design-as-code .op 문서를 트랜잭션 배치로 생성, 편집, 렌더링, 검사하며, 멀티 프레임 프리뷰와 사람이 이어받을 수 있는 관리형 에디터가 딸려 있습니다.

OpenPencil design preview and editing plugin for DSH
업스트림 README에서

디자인에 왜 중요한가

  • 요구사항에서 캔버스까지 루프 하나. 에이전트가 실제 문서를 편집하고 프리뷰가 디자인에 충실한 프레임을 렌더링합니다.
  • 트랜잭션 배치는 성공할 때만 게시되고 외부 편집을 절대 덮어쓰지 않습니다. 충돌은 숨겨지는 대신 드러납니다.
  • 선택, 레이어, 속성, 실행 취소를 갖춘 관리형 에디터로 사람이 언제든 에이전트의 결과물을 이어받을 수 있습니다.

다루는 내용

  • Why DSH OpenPencil
  • Design Tools
  • Agent Design Workflow
  • Rendering Contract
  • Managed Editor
  • Current Limits

설치 방법

dsh-openpencil

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

    npx --yes -p @deepseek-ai/[email protected] dsh plugin --profile web add @zseven-w/dsh-openpencil@latest
  2. 플러그인을 인식하도록 dsh web을 다시 시작하세요.

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

DeepSeek Harness로 실행하는 법

  1. OpenPencil을 설치한 뒤 웹 프로필에 플러그인을 추가하세요.

  2. 디자인을 설명하면 에이전트가 openpencil_create와 openpencil_edit을 배치로 몰아갑니다.

  3. 렌더링된 프리뷰나 관리형 에디터를 열어 그 자리에서 계속 다듬으세요.

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

DeepSeek Harness 저장소에서 더 보기 ↗

다음 단계

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

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

OpenDesign 데스크톱

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

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

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

macOS, Windows 지원