Visão & Entrada
dsh-ui-spec
Transforma screenshots de UI em specs prontas para implementação: tokens, escala de espaçamento, grid de layout.
O que é
Uma única ferramenta analyze_ui_image que converte um screenshot ou mockup em uma spec de frontend estruturada. Uma camada de geometria determinística mede dimensões exatas, paleta, design tokens sugeridos, grid de layout e escala de espaçamento; um modelo de visão opcional adiciona semântica por cima.
DeepSeek Harness plugin: turn UI screenshots into structured, implementation-grade web frontend specs. Deterministic geometry (sharp) + optional vision-model semantics, merged into one JSON + Markdown spec.
Por que isso importa para design
- Coordenadas de pixel, escalas de espaçamento e paletas de tokens são calculadas deterministicamente, não chutadas por um modelo de visão.
- Os campos da spec mapeiam direto para a implementação: tokens sugeridos para design tokens, a escala de espaçamento para CSS.
- Os papéis semânticos fornecem a intenção enquanto a geometria fornece o posicionamento, fundidos numa única spec em JSON + Markdown.
O que cobre
- Why this exists
- Configure the semantic layer
- The tool
- How to use the spec
- Status & caveats
Como instalar
dsh-ui-spec
-
Rode isto em um terminal.
dsh plugin --profile web add dsh-ui-spec -
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; a camada de geometria funciona offline sem nenhuma configuração.
-
Opcionalmente aponte a camada semântica para qualquer endpoint de visão compatível com OpenAI.
-
Entregue um screenshot ao agente e construa a partir da spec retornada em vez da imagem.
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-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. 
Visão & Entrada O que ele faz dsh-vision-router Olhos gratuitos e sem chave para agentes só de texto: uma cadeia de visão embutida mais onze ferramentas em nível de pixel. 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.