Visualizador e editor de CLAUDE.md

Por que arquivos de instruções de IA merecem um visualizador de verdade

Os assistentes de programação são guiados por Markdown. Um CLAUDE.md diz ao Claude Code como o seu projeto é compilado e o que evitar; um AGENTS.md faz o mesmo para outros agentes de programação; um SKILL.md empacota uma skill reutilizável; GEMINI.md, documentos de plano e notas de design seguem o mesmo padrão. Eles são escritos como texto, mas cheios de estrutura: listas aninhadas de regras, tabelas de comandos, trechos de shell em blocos de código, avisos, links para outros arquivos. Lidos como texto bruto, cansam, e um asterisco solto ou um bloco de código sem fechamento pode mudar em silêncio a forma como o documento é entendido.

Abra um aqui e você vê o que o autor quis dizer: títulos pelos quais você navega na estrutura, listas de regras com a indentação correta, tabelas com colunas alinhadas, comandos em blocos de código que você copia com um clique e destaques > [!WARNING] que chamam atenção. É um jeito rápido de revisar um arquivo de instruções antes do commit, ou de ler um plano longo que um agente escreveu para você antes de aprová-lo.

Abra e leia AGENTS.md, SKILL.md e arquivos de planos

• Do seu disco: use Abrir → Abrir arquivo… ou arraste o arquivo para a página. Os arquivos de instruções do projeto geralmente ficam na raiz do repositório; as skills ficam em pastas que você alcança pela janela de seleção de arquivos (mostre as pastas ocultas se o caminho começar com um ponto).
• De um repositório: cole o link do GitHub para o arquivo em Abrir → De uma URL…. Funciona qualquer endereço público que leve a um arquivo Markdown, até 2 MB.
• De um terminal ou chat: copie a resposta do agente e cole no editor. Tabelas, código e diagramas são renderizados na hora, e você pode exportar o resultado como HTML ou PDF.

Em um SKILL.md, o front matter YAML entre as duas linhas --- aparece como um bloco separado acima do corpo, então o nome e a descrição são fáceis de conferir. O visualizador não valida uma skill — ele mostra o texto, renderizado.

Diagramas, tabelas e destaques, renderizados

Os agentes gostam de explicar arquitetura com diagramas Mermaid: um bloco mermaid vira fluxograma, diagrama de sequência, diagrama de classes, máquina de estados ou gráfico de Gantt direto na prévia (a página do editor Mermaid online lista os tipos de diagrama). Tabelas de opções ou de endpoints viram tabelas de verdade, listas de tarefas mostram caixas de seleção, fórmulas entre cifrões são compostas com KaTeX, e os blocos de código são realçados para mais de 50 linguagens, com o nome da linguagem no cabeçalho. O HTML inline é sanitizado antes de chegar à página, então um documento que você não escreveu não consegue executar scripts aqui.

Edite com prévia ao vivo e salve de volta

Mude para o layout Dividido para arrumar um arquivo de instruções com o resultado renderizado ao lado do código. O editor tem barra de formatação, atalhos, continuação automática de listas e recuo com Tab, e a prévia rola junto com a linha que você está editando — útil em arquivos longos, em que um único marcador com a indentação errada muda o sentido. Quando terminar, Exportar → Baixar .md entrega o arquivo para você colocar de volta na pasta do projeto, e Copiar Markdown põe o texto na sua área de transferência. Dezesseis temas claros e escuros, incluindo um tema Claude com títulos serifados, deixam você escolher um estilo de leitura adequado a documentos longos.

Novo na sintaxe? O guia rápido de Markdown cobre tudo em uma página, e o guia de arquivos MD explica como abrir qualquer arquivo .md no Windows, no Mac ou no celular.

As instruções do seu projeto continuam privadas

Arquivos de instruções e de planos costumam citar ferramentas, caminhos e convenções internas. O Markdown Viewer renderiza tudo com JavaScript no seu navegador e guarda o documento no armazenamento local do seu dispositivo; não há conta nem cópia no servidor. Abrir um link é a única ação que envolve o nosso servidor, e essa busca não é armazenada nem registrada. Veja a página de privacidade para mais detalhes, ou abra o visualizador de Markdown principal para começar a ler.