Uma skill do Openclaw que transforma diffs do git em texto simples e notas de revisão de código em páginas de visualização HTML interativas e autocontidas, completas com indicadores de risco e orientações com realce de sintaxe.
Instalar e Baixar
1. ClawHub CLI
A maneira mais rápida de instalar uma habilidade diretamente do registro.
npx clawhub@latest install code-review-visualizer
2. Instalação Manual
Copie a pasta da habilidade para um desses locais
~/.openclaw/skills/ <project>/skills/ Prioridade: Espaço de Trabalho > Local > Integrado
3. Instalação do Prompt
Copie este prompt para o OpenClaw para instalá-lo automaticamente.
Ajude-me a instalar o code-review-visualizer usando o Clawhub. Se o Clawhub não estiver instalado, instale-o primeiro (npm i -g clawhub).
Prefere baixar?
Obtenha os arquivos originais da habilidade em um arquivo ZIP.
O que é Code Review Visualizer?
O Code Review Visualizer é um utilitário de propósito específico projetado para Openclaw Skills para preencher a lacuna entre diffs densos e brutos do terminal e revisões de código legíveis por humanos. Ele automatiza a geração de relatórios HTML de arquivo único lindamente formatados que resumem pull requests, mapeiam níveis de risco arquitetônico e apresentam modificações de código cronologicamente.
Ao aproveitar a estilização incorporada e padrões de design responsivo, esta ferramenta permite que desenvolvedores e mantenedores avaliem rapidamente os escopos de mudança, compreendam as modificações lógicas por meio de comparações de comportamento antes/depois e revisem o código em qualquer navegador desktop ou móvel sem depender de dependências externas.
Casos de uso do Code Review Visualizer
- Otimização de Revisões de Pull Request: Transformando entradas longas de diff do git de múltiplos arquivos em resumos visuais altamente escaneáveis contendo mapas de calor de risco.
- Alinhamento e Integração da Equipe: Criando sessões interativas de passo a passo de módulos intrincados para explicar caminhos de chamada, fronteiras de confiança e fluxo de dados para novas contratações de engenharia.
- Auditoria de Distribuição de Risco: Marcando arquivos críticos com alertas codificados por cores para evidenciar a lógica que exige atenção mais próxima, vale uma olhada ou é completamente segura.
- Geração Automatizada de Descrição de PR: Gerando caminhos de leitura lógica junto com motivações de modificação para incorporar de volta em plataformas de controle de versão.
Como o Code Review Visualizer funciona
- Ingestão de Entrada: A skill recebe texto de código bruto, nomes de branch, listagens de arquivos ou saídas de diff de patch do git fornecidas pelo usuário.
- Análise Contextual: O mecanismo subjacente analisa as alterações, classifica a sintaxe, mapeia dependências arquitetônicas e calcula fatores de risco.
- Atribuição de Risco e Tags: Os arquivos são classificados em níveis de risco específicos representados por indicadores visuais explícitos: seguro, vale uma olhada ou precisa de atenção.
- Compilação HTML: O sistema incorpora todos os layouts de grade CSS necessários, fundamentos de cores e lógica de estrutura diretamente em um único modelo.
- Exportação Autocontida: A saída final é entregue de forma limpa como um documento HTML totalmente autocontido, pronto para renderização via navegadores ou utilitários locais de canvas.
Configuração do Code Review Visualizer
Para ativar o visualizador dentro do seu ambiente Openclaw, declare a dependência da skill dentro do seu manifesto de configuração ou acione-a dinamicamente durante a execução do agent. Certifique-se de que o fluxo de trabalho do seu agent tenha permissões apropriadas no sistema de arquivos para gerar artefatos HTML localizados.
# Verify git diffs are available to pass to the skill pipeline
git diff main..feature-branch > changes.diff
# Invoke Openclaw agent with the code-review-visualizer asset configuration
openclaw run code-review-visualizer --input changes.diff
Esquema de Dados e Taxonomia de Code Review Visualizer
A skill estrutura consistentemente sua saída gerada usando um modelo de layout incorporado. Ela formata as informações usando a seguinte hierarquia de layout:
| Section | Component Type | Content Elements |
|---|---|---|
| Header Meta | Core Info Block | PR Title, Author, TL;DR Summary, and Motivation Context |
| Risk Heatmap | Visual Badges | Categorized file array mapped via green (safe), yellow (worth a look), and red (needs attention) states |
| File Walkthrough | Code Blocks | Syntax-highlighted Github-style diff panels with expanding source snippets |
| Architecture Map | Call Path Layout | Trust boundary markers, external dependency borders, and data flow steps |
Recursos avançados do Code Review Visualizer
- Autocontenção sem Dependências: Compila todas as folhas de estilo em cascata (CSS), grades estruturais e lógica inline para permitir portabilidade offline.
- Arquitetura de Componentes Responsiva: Formata texto, tabelas de comportamento lado a lado e contêineres de código expandidos perfeitamente em visualizações de desktop e viewports móveis.
- Truncamento Inteligente de Diff: Corta automaticamente fluxos massivos de diff para preservar apenas as linhas operacionais críticas, adicionando indicadores de contexto claros para linhas omitidas.
- Destaque de Fronteira de Confiança: Implementa estilos dedicados de canvas para destacar seções de alta segurança, pontos de entrada de dados não confiáveis e fronteiras de rede.
SKILL.md
Carregamento
Habilidades relacionadas do Openclaw
Code Walkthrough
Uma skill de AI agent que mapeia fluxos de dados, rastreia pilhas de chamadas e visualiza limites de segurança em uma única página HTML autocontida.
CoreCoder Coding Agent Skill
CoreCoder é uma habilidade avançada de agente de codificação IA que implementa os sete padrões arquiteturais do Claude Code para modificação precisa de código, isolamento de sub-agentes e otimização de contexto multicamadas.
Financial Equity Research
Uma habilidade de agent de pesquisa de ações de nível institucional que automatiza a análise de resultados, início de cobertura e atualizações de modelos financeiros.
Suíte de Análise e Modelagem Financeira
Um kit de ferramentas de modelagem e análise financeira de nível institucional para gerar, auditar e atualizar modelos DCF, LBO, Comps, de 3 demonstrativos e apresentações para investidores.
Workday Music Greeter
Sincroniza automaticamente o ambiente do seu dia de trabalho alterando cenários musicais, buscando GIFs correspondentes e enviando saudações diárias automatizadas por e-mail com base na hora do dia.
Jiebang SEO Analyzer
Uma habilidade abrangente de auditoria de SEO e extração de metadados projetada para avaliar a saúde e as otimizações estruturais de páginas da web.
jiebang-file-process
Uma habilidade de utilidade eficiente para hashing de texto, codificação/decodificação Base64 e transformações URL baseadas na Jiebang API.
Apresentou*
