Canvas & Üretken Arayüz

dsh-visualize

Model, etkileşimli HTML kartlarını doğrudan konuşma akışının içine çizer.

Nedir

Bir visualize aracı artı eşlik eden bir skill: model bir HTML parçası yazar ve onu sohbetin içinde sandbox’lanmış etkileşimli bir kart olarak monte eder — simülatörler, grafikler, karşılaştırma panelleri ve arayüz mockup’ları; akış hâlinde önizleme ve temayla uyumlu stille birlikte.

DSH does not have to answer with text alone. When the model calls visualize, the Web UI renders an interactive card inside the conversation for simulators, charts, comparison panels, and UI mockups.
Kaynak README’den

Tasarım için neden önemli

  • Arayüz mockup’ları konuşmanın içinde yaşar ve yalnızca tarif edilmekle kalmaz, tıklanabilir.
  • Kartlar, ev sahibinin açık/koyu temasını ve paletini izler; önizlemeler yerli görünür.
  • Her kart, katı bir CSP ile sandbox’lanmış bir iframe’de çalışır — bozuk bir parça oturumu bozamaz.

Neleri kapsıyor

  • Install
  • Use it
  • Security
  • Limitations

Nasıl kurulur

dsh-visualize

  1. Bunu bir terminalde çalıştırın.

    dsh plugin --profile web add github:Nagi-ovo/dsh-visualize
  2. Eklentiyi alması için dsh web’i yeniden başlatın.

  3. Sonra istediğiniz tasarımı anlatın. Harness, eklentinin araçlarını devralır.

DeepSeek Harness ile nasıl çalıştırılır

  1. Eklentiyi ekleyin ve dsh web’i yeniden başlatın.

  2. Bir mockup ya da karşılaştırma isteyin; model kendi HTML’iyle visualize’ı çağırır.

  3. Oturumu daha sonra yeniden oynatın — kartlar kalıcı araç sonucundan geri yüklenir.

Buradaki her eklenti ücretsiz kurulur ve gerçek üst kaynağına bağlantı veriyor.

DeepSeek Harness deposunda dahası ↗

Sonraki adım

Kurulum derdi olmadan OpenDesign ile tasarlayın

Bu eklentiyi kendiniz kurun ya da OpenDesign ile DeepSeek Harness’in etrafına baştan sona küratörlü bir tasarım katmanı geçirin. Kendi anahtarınızı getirin, çıktınızın sahibi olun.

OpenDesign Masaüstü

Tek tasarım sistemi. Her çıktıda tutarlı bir marka

Tam Vibe Design Workspace içinde aynı marka kurallarını web sitelerine, sunumlara, etkileşimli prototiplere, panolara, görsellere ve HTML videolara uygulayın. Yerel Codex, Claude Code, Cursor ve diğer kodlama ajanlarını bağlayıp ücretsiz üretin.

  • Web, sunum, prototip, pano, görsel ve video
  • 140+ tasarım sistemi ve eksiksiz şablon ile beceri kitaplığı
  • Yerel Codex ve 21+ kodlama ajanını bağlayın · Ücretsiz
Ücretsiz indir

macOS ve Windows için