Fluxo de Design
dsh-web-review
Aponte para elementos numa página ao vivo, anote visualmente, e o agente edita o código-fonte.
O que é
Um navegador embutido na interface web do harness: destaque no hover e selecione elementos como numa ferramenta de design, anexe notas e experimente ajustes visuais ao vivo — texto, cor, tipografia, tamanho, espaçamento, bordas, efeitos. As anotações carregam seletores e pistas do código-fonte para o agente encontrar e corrigir o código.
Select page elements in the built-in browser as you would in a design tool, leave feedback, and preview changes to text, colors, typography, dimensions, spacing, borders, and effects. Once submitted, the agent uses your page annotations to update the source code.
Por que isso importa para design
- Apontar e anotar visualmente substitui descrever problemas de UI em palavras.
- Os ajustes ao vivo mostram o preview de uma mudança na página antes de qualquer código ser tocado.
- Traz oito skills de design embutidas, de better-typography a interface-review, usáveis a partir do editor de anotações.
O que cobre
- Web Preview
- Element Annotations
- Live Visual Adjustments
- AI Collaboration
- UI Design Skills
Como instalar
dsh-web-review
-
Rode isto em um terminal.
dsh plugin --profile web add @canglongcl/dsh-web-review -
Reinicie o dsh web para ele carregar o plugin.
-
Depois descreva o design que você quer. O harness carrega as ferramentas do plugin.
Como rodar com o DeepSeek Harness
-
Adicione o plugin e inicie o dsh web.
-
Abra seu app em execução na aba Web Preview e anote o que deve mudar.
-
Envie — o agente recebe seletores, notas e valores testados, e edita o código-fonte do workspace.
Todo plugin aqui é gratuito para instalar e leva até a sua fonte original.
Mais no repositório do DeepSeek Harness ↗Mais plugins de design para o DeepSeek Harness
Visão & Entrada O que ele faz modlens Dá visão plugável aos modelos DeepSeek só de texto: cole um screenshot, receba evidência estruturada. 
Visão & Entrada O que ele faz dsh-vision-toolkit Dez ferramentas de visão para restauração de UI, grounding e verificação por pixel diff. 
Visão & Entrada O que ele faz dsh-ui-spec Transforma screenshots de UI em specs prontas para implementação: tokens, escala de espaçamento, grid de layout. 
Visão & Entrada O que ele faz dsh-media-skills Olhos de graça e um pincel de graça: leitura de imagens coladas mais geração de imagens sem marca d'água. Próximo passo
Projete com o Open Design, sem a configuração
Instale este plugin por conta própria ou rode uma camada de design curada em volta do DeepSeek Harness com o Open Design. Use sua própria chave e seja dono do resultado.