Tasarım İş Akışı

dsh-annotate

Tarayıcı öğelerini işaret edin ve ajana belirsiz tarifler değil, yapılandırılmış gerçekler gönderin.

Nedir

Eşlik eden bir Chrome uzantısı üzerinden görsel tarayıcı geri bildirimi: /annotate seçim moduna girer; tıkladığınız her öğe, bir seçiciyi, DOM gerçeklerini, hesaplanmış stil vurgularını, erişilebilirlik verisini, yorumunuzu ve isteğe bağlı bir viewport ekran görüntüsünü ajanın bir sonraki turuna katar.

Visual browser element annotation for DeepSeek Harness, capturing DOM, styles, accessibility data, comments, and viewport screenshots.
Kaynak README’den

Tasarım için neden önemli

  • Görsel geri bildirim, belirsiz bir tarife ya da yapıştırılmış bir ekran görüntüsüne dönüşmek yerine sayfadaki öğeye bağlı kalır.
  • Hesaplanmış stiller ve erişilebilirlik verisi, ajanın doğrudan üzerinde işlem yapabileceği yapılandırılmış gerçekler olarak gelir.
  • Host, origin ve uzantı kimliğiyle sınırlanan bir loopback WebSocket köprüsü kanalı yerel tutar.

Neleri kapsıyor

  • Why this exists
  • Features
  • Install
  • Use
  • Configure
  • Scope

Nasıl kurulur

dsh-annotate

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

    git clone https://github.com/BrambleXu/dsh-annotate.git && dsh plugin --profile demo add ./dsh-annotate
  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. Depoyu klonlayıp projeyi bir harness profiline ekleyin, ardından browser-extension klasörünü chrome://extensions üzerinden paketlenmemiş uzantı olarak yükleyin.

  2. /annotate’i çalıştırın, sayfadaki öğelere tıklayın ve her birine bir yorum iliştirin.

  3. Gönderin — yakalanan gerçekler ve viewport ekran görüntüsü ajanın bir sonraki turuna düşer.

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