Extensão para agentes de código corrige vícios visuais em interfaces criadas por IA

Dados rápidos

• Repositório: heydamir/unslop
• Licença: CC-BY-4.0
• Linguagem principal: JavaScript
• Métricas: 3.851 estrelas e 191 forks
• Posicionamento no ranking: Trendshift (11º diário e 9º mensal)
• Data da consulta: 1 de novembro de 2026

O problema das interfaces padronizadas por IA

A criação automatizada de interfaces de usuário por modelos de linguagem frequentemente resulta em um estilo estético repetitivo. Telas geradas por meio de comandos de texto costumam apresentar gradientes em tons de roxo, efeitos de iluminação excessivos, rótulos compostos por emojis, textos promocionais exagerados e inconsistências nos espaçamentos dos elementos visuais.

Esse padrão visual gera aplicações e painéis de controle que carecem de identidade própria de produto. Desenvolvedores precisam investir tempo significativo ajustando manualmente o código fonte para remover esses artefatos visuais e alinhar o resultado aos padrões de design de suas ferramentas.

O projeto heydamir/unslop foi concebido para automatizar a identificação desses excessos e aplicar correções diretamente no código. Em vez de reconstruir a interface inteira sem critério, a ferramenta analisa a tela e alinha as mudanças com a direção visual informada pelo usuário.

Funcionamento e processo de instalação

A ferramenta opera diretamente dentro dos assistentes de código compatíveis. Ao ser acionada, ela realiza uma auditoria inicial da interface, listando onde estão os problemas estéticos e propondo uma direção visual antes de alterar o código. A reestruturação é dividida em etapas ordenadas que englobam espaçamento, paleta de cores, ícones, textos, tipografia, layout, detalhes visuais e movimento.

Para instalar a skill no Claude Code em todo o sistema do usuário, é necessário clonar o repositório e copiar a pasta correspondente para o diretório de configurações:

git clone https://github.com/heydamir/unslop
mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/

No assistente Codex, a instalação pode ser solicitada via instalador de skills ou executada manualmente copiando a pasta para o diretório de agentes. Para recursos avançados, como a captura de telas em sites ativos ou a geração de vídeos de demonstração, o projeto exige a instalação das bibliotecas Playwright e Chromium, além do utilitário ffmpeg no ambiente local.

Casos práticos de uso

• Reformulação de painéis de controle: Adequa dashboards que possuem componentes desalinhados e esquemas de cores genéricos, organizando a estrutura de cartões e gráficos.
• Ajuste de páginas de destino: Otimiza landing pages com textos exagerados, alinhando a comunicação e a tipografia ao tom do produto.
• Auditoria de sites em execução: Permite analisar uma interface pública a partir de um endereço web, gerando sugestões e ajustes sem necessidade de código fonte local prévio.
• Refatoração em bibliotecas modernas: Atua sobre código escrito em Next.js, React, Vue, Svelte, Tailwind CSS ou HTML e CSS puros.
• Produção de vídeos de comparação: Cria um arquivo de vídeo de até 10 segundos no formato quadrado exibindo o processo de transformação da tela.

Diferenciais em relação a alternativas do mercado

Diferente de geradores de código que recriam telas inteiras do zero ignorando a estrutura existente, a extensão opera diretamente nos arquivos do projeto. O sistema preserva as bibliotecas e o ecossistema tecnológico escolhido pelo desenvolvedor, ajustando apenas as camadas visuais necessárias.

Outro aspecto diferenciador é o fluxo de aprovação prévia. Se a tela analisada já possuir boa qualidade visual, o assistente notifica o usuário e sugere apenas pequenos refinamentos em vez de impor um redesenho completo. Para a geração de imagens auxiliares, o repositório permite conectar serviços externos como fal, Replicate, OpenAI images ou Higgsfield via protocolo MCP, que padroniza conexões entre assistentes e ferramentas externas, sempre solicitando confirmação do usuário antes de realizar requisições pagas.

Limitações e aspectos de atenção

O repositório heydamir/unslop foi criado em 29 de outubro de 2026 e registrou seu último commit em 1 de novembro de 2026. Trata-se de um projeto em estágio inicial de desenvolvimento, não apresentando nenhuma release oficial publicada até a data da consulta em 1 de novembro de 2026. Não há site oficial informado no repositório.

A licença cadastrada é a CC-BY-4.0, que permite o uso, alteração e compartilhamento do código, inclusive para fins comerciais, desde que seja atribuído crédito ao autor Damir Sokolovsky e disponibilizado o link para o repositório original. O repositório contabiliza apenas 1 issue aberta. A execução de recursos como captura de sites em tempo real e exportação de vídeos exige a prévia instalação e configuração de dependências locais como Playwright, Chromium e ffmpeg.

Resumo rápido

• Projeto: heydamir/unslop
• Licença: CC-BY-4.0
• Linguagem: JavaScript
• Estrelas: 3.851 (com 389 estrelas no período)
• Ranking: Trendshift (11º lugar diário e 9º lugar mensal)
• Risco principal: Projeto recente sem releases publicadas e dependente de ferramentas locais para recursos visuais avançados

Fontes

• Repositório no GitHub: https://github.com/heydamir/unslop
• Lançamento oficial: nenhuma release encontrada
• Site oficial: sem site oficial
• Posição no Trendshift: Trendshift (daily: #11; monthly: #9)