스폰서LobeHubLobeHub자세히 알아보기
dshfind
플러그인 목록으로
우수 프로젝트베타 사용자패널 강화

DSH가 텍스트로만 답할 필요는 없다. 모델이 visualize를 호출하면 Web UI가 대화 안에 상호작용 카드를 렌더링한다——시뮬레이터, 차트, 비교 패널, UI 목업.

Star
88+6
최근 7일 증가
기여자
1
언어
TypeScript
업데이트
2026-08-14
설치
패키지 정보에서 추론
dsh plugin --profile web add github:Nagi-ovo/dsh-visualize

작성자가 npm에 배포하지 않아 이 명령은 git 소스를 받아옵니다. pnpm ≥ 10은 명시적 허용 전까지 git 의존성의 prepare 스크립트 실행을 거부하므로, 첫 설치에는 해당 profile의 pnpm-workspace.yaml에 allowBuilds 항목이 필요합니다——이는 이 패키지의 코드가 내 컴퓨터에서 실행되도록 허용한다는 뜻입니다. 함께 #commit으로 버전을 고정하길 권합니다.

--profile 뒤는 직접 정하는 profile 이름입니다. 쓰고 있는 이름으로 바꾸세요.

에디터 노트

모델이 HTML 조각을 작성한 뒤 visualize(path, title?, mode?)를 호출하면 카드가 대화 흐름 안에 나타납니다. 「파라미터를 조절할 수 있는 정렬 알고리즘 시각화를 만들어줘」라고만 해도 되며, 나란히 비교할 때는 mode: "wide"를 씁니다. 카드는 DSH의 라이트·다크 테마와 웨일 블루 팔레트를 따르고, 세션 재생 시 영속화된 도구 결과에서 복원되므로 원본 조각 파일을 디스크에 남길 필요가 없습니다. 보안 경계도 분명합니다: 각 카드는 opaque origin의 샌드박스 iframe에서 실행되어 호스트 페이지에 접근할 수 없고, CSP가 네트워크 요청·중첩 페이지·폼 제출을 차단하면서 고정된 CDN의 정적 자산만 허용하며, 조각은 기본 1000000바이트로 제한됩니다. 한계 역시 분명해서 상호작용 카드는 현재 Web UI에서만 렌더링되고 TUI·headless 클라이언트는 표준 도구 결과를 표시합니다.

  • 모델이 visualize(path, title?, mode?)를 호출해 대화 내 상호작용 카드 렌더링, 나란히 비교는 mode: "wide"
  • opaque origin 샌드박스 iframe, CSP가 네트워크 요청·폼 제출 차단, 조각 기본 1000000바이트 상한
  • 세션 재생은 영속 도구 결과에서 카드 복원. Web UI 전용이며 TUI/headless는 표준 결과로 폴백
점수 상세
평가일 2026-08-14
활동성
17.9
Star 열기
22.9
엔지니어링
19
메인테이너
14

对话内生成式交互卡片插件,提交构建产物免装机构建;作者 1.9 万星既往

공유 카드

README에 붙여 넣으면 이 페이지로 연결됩니다.

배지(한 줄)
배지(한 줄)
[![dshfind](https://dshfind.com/api/badge/Nagi-ovo/dsh-visualize?lang=ko)](https://dshfind.com/ko/plugins/Nagi-ovo/dsh-visualize?ref=badge)
카드(440×200)
카드(440×200)
[![dshfind](https://dshfind.com/api/card/Nagi-ovo/dsh-visualize?lang=ko)](https://dshfind.com/ko/plugins/Nagi-ovo/dsh-visualize?ref=badge)