LEITURA · EDIÇÃO · MARKDOWN

Seu Markdown.
Pronto para
ser lido.

Leia, revise e edite seus documentos em uma interface que dá espaço ao conteúdo. Um único arquivo HTML: abra no navegador e comece.

Explore o projeto. Se for útil, deixe uma estrela no GitHub.

O DOCUMENTO NO CENTRO.md
NOTAS DE PESQUISA

Clareza para
o que importa.

Uma boa leitura começa quando a estrutura ajuda o conteúdo a aparecer.

Da ideia ao documento

  • Organize os pontos principais.
  • Revise a redação com contexto.
  • Salve o texto em Markdown.
UMA INTERFACE, TRÊS PERSPECTIVAS

Leia o resultado. Ajuste o texto.
Volte à fonte quando precisar.

PREVIEWEDIÇÃO VISUALCÓDIGO-FONTE

Composição ilustrativa · veja as capturas reais abaixo

01

Arquivo HTMLAs bibliotecas já vêm embutidas.

03

Modos de trabalhoLeitura, edição visual e fonte.

Offline

Depois de baixarAbra no seu navegador, sem conta.

01 / ESCOLHA COMO TRABALHAR

O mesmo documento.
Três formas de cuidar dele.

Da leitura à revisão, mude de perspectiva sem trocar de ferramenta.

I PREVIEW

Leia com
o texto em foco.

Títulos, listas, tabelas e destaques ganham forma. Percorra o conteúdo sem precisar interpretar a marcação.

PARA LER E CONFERIR
II EDIÇÃO VISUAL

Ajuste onde
você está lendo.

Edite diretamente no documento renderizado. Revise uma frase, complemente um parágrafo e salve o resultado em Markdown.

PARA REVISAR A REDAÇÃO Ctrl+E
III CÓDIGO-FONTE

Tenha controle
da estrutura.

Trabalhe na sintaxe Markdown quando quiser ajustar listas, tabelas, blocos de código ou a organização do arquivo.

PARA EDITAR A MARCAÇÃO Ctrl+U

02 / DENTRO DO MD STUDIO

Da fonte
à leitura.

Compare o mesmo documento nos modos Preview e Código-fonte. As imagens abaixo são capturas reais do aplicativo.

APOLLO-11.MD
MD Studio em Preview: títulos, parágrafos, alerta, tabela de eventos e lista sobre a missão Apollo 11.

Preview: uma leitura organizada, com hierarquia, tabelas e destaques.

Ampliar captura ↗

Quer experimentar com um documento seu?
O aplicativo completo está no repositório.

Ver como usar no GitHub

03 / CONTEÚDO COM ESTRUTURA

O Markdown vai além
de títulos e parágrafos.

Tabelas e listas

Organize comparações, etapas e checklists em uma leitura estruturada.

Alertas e destaques

Notas e alertas no estilo GitHub ajudam a destacar o que merece atenção.

Blocos de código

Destaque de sintaxe e botão de copiar para trechos técnicos.

Diagramas Mermaid

Represente relações e sequências a partir do diagrama escrito no arquivo.

Expressões matemáticas

Fórmulas renderizadas com KaTeX para acompanhar a explicação.

Seu arquivo continua seu

Salve ou copie o Markdown para seguir trabalhando onde preferir.

04 / NO SEU DIA A DIA

Para o texto que
você precisa trabalhar.

01

Relatórios e estudos

Leia um material longo com títulos, tabelas e destaques bem definidos.

02

Notas de pesquisa e revisão

Organize ideias, acompanhe pendências e ajuste a redação no documento.

03

Documentação e textos de IA

Trabalhe com READMEs, guias ou conteúdo em Markdown produzido no seu assistente.

05 / ABRA E COMECE

Menos configuração.
Mais documento.

Para usar o aplicativo, você precisa do arquivo HTML e de um navegador. Não é necessário instalar Node.js nem dependências.

  1. 01

    Baixe o projeto.

    No GitHub, abra Code → Download ZIP e extraia o conteúdo em uma pasta do seu computador.

    Abrir o repositório ↗
  2. 02

    Abra o HTML.

    Dê dois cliques em md-studio.html para abrir no navegador. As bibliotecas necessárias já estão no arquivo.

    SEM SERVIDOR PARA CONFIGURAR
  3. 03

    Escolha seu Markdown.

    Arraste um arquivo para a tela ou clique em ABRIR ARQUIVO. Alterne os modos e salve suas alterações.

    .md · .markdown · .mdown · .mkd · .txt

Ao salvar: em navegadores compatíveis, o aplicativo pode gravar no arquivo com sua permissão. Nos demais, ele baixa uma cópia. Confira o arquivo salvo antes de fechar.

Para usar offline: o aplicativo e suas bibliotecas não dependem de CDN. Imagens ou outros recursos externos referenciados no documento podem precisar de internet.

NO APLICATIVO

Ctrl+O Abrir

Ctrl+E Edição visual

Ctrl+U Código-fonte

Ctrl+S Salvar

DOIS JEITOS DE DAR O PRIMEIRO PASSO

Leve um exemplo.
Ou peça ajuda ao seu agente.

UM DOCUMENTO PARA EXPERIMENTAR

Abra, revise e salve.

Baixe este exemplo curto e abra no MD Studio. Ele contém títulos, tabela, checklist e um trecho de código para explorar a leitura.

Baixar exemplo .md ↓
Ver o conteúdo do exemplo
# Notas de pesquisa

Um documento de exemplo para explorar o MD Studio.

## Plano de leitura

| Etapa | Objetivo |
| --- | --- |
| Ler | Identificar a ideia central |
| Revisar | Ajustar a redação |
| Salvar | Manter uma versão em Markdown |

> [!NOTE]
> Este exemplo não contém dados de clientes ou processos.

## Checklist

- [x] Abrir o arquivo no modo Preview
- [ ] Editar uma frase no modo visual
- [ ] Conferir o código-fonte
- [ ] Salvar o resultado

## Um trecho de código

```js
const documento = "notas-de-pesquisa.md";
console.log(documento);
```
CONFIGURAÇÃO COM AJUDA DE IA

Um prompt. O caminho completo.

Cole as instruções em um agente com acesso ao seu computador. Ele pode baixar o aplicativo, preparar um exemplo e conferir a abertura no navegador.

Ver as instruções completas
Quero usar o MD Studio no meu computador. Prepare o aplicativo e me ajude a fazer a primeira leitura e edição de um documento.

Repositório oficial: https://github.com/brunoflma/md-studio
Guia: https://brunoflma.github.io/md-studio/#comecar

1. Confira meu sistema operacional, o navegador disponível e se já existe uma cópia do MD Studio. Preserve arquivos e alterações existentes. Se faltar uma preferência importante, pergunte apenas o necessário.
2. Leia o README atual do repositório e confira a versão que vai obter. Baixe md-studio.html do repositório oficial ou baixe e extraia o ZIP do projeto em uma pasta apropriada. Não substitua outra cópia modificada sem minha autorização.
3. O aplicativo é um HTML com bibliotecas embutidas. Para o uso normal, não execute npm install, não instale um servidor e não crie recursos na nuvem. As ferramentas em .app são auxiliares de desenvolvimento.
4. Abra md-studio.html no navegador. Crie uma cópia de um exemplo curto de Markdown sem dados pessoais, com título, parágrafo, tabela e checklist. Abra esse arquivo pelo botão ABRIR ARQUIVO ou por arrastar e soltar.
5. Confira os modos Preview, Edição visual e Código-fonte. Faça uma alteração pequena somente na cópia do exemplo, salve e abra o resultado para verificar se a mudança foi preservada. Respeite os diálogos de permissão do navegador. Se o salvamento gerar um download, identifique a nova cópia antes de reabri-la.
6. Explique como abrir meus próprios documentos, alternar os modos e salvar. Informe onde estão o aplicativo e o exemplo. O aplicativo funciona offline; imagens e recursos externos do documento podem precisar de internet.
7. Não envie documentos meus a serviços externos e não altere a segurança do navegador. Se não puder baixar, abrir ou testar por falta de ferramentas ou permissões, explique exatamente o que ficou pendente e me conduza pela etapa. Não afirme ter executado uma ação que não realizou.

Ao terminar, liste apenas os passos concluídos, a evidência de que o exemplo abriu e foi salvo e qualquer ação que ainda dependa de mim. Deixe a avaliação e a estrela no GitHub para minha decisão.

ANTES DE ABRIR O PRIMEIRO ARQUIVO

Algumas respostas.
Sem complicar.

Preciso instalar alguma coisa?

Para usar, baixe o projeto, extraia e abra md-studio.html no navegador. O aplicativo não exige instalação de dependências, conta ou servidor local.

Esta página é o editor?

Esta página apresenta o projeto e mostra capturas do aplicativo. Para abrir e editar seus documentos, baixe o MD Studio no GitHub e abra o HTML no seu computador.

Posso trabalhar sem internet?

Sim. As bibliotecas do aplicativo estão embutidas no HTML. Recursos que o próprio documento aponta para outros sites, como imagens remotas, continuam dependendo de conexão.

Como minhas alterações são salvas?

Use SALVAR ou Ctrl+S. Quando a File System Access API está disponível, o navegador pode permitir gravar no arquivo. Nos demais casos, o aplicativo baixa uma cópia. Não conte com salvamento automático: confira a versão salva antes de fechar.

A edição visual mantém toda a sintaxe original?

A edição visual converte o conteúdo renderizado de volta para Markdown; a representação pode mudar. Para preservar ou ajustar uma sintaxe específica, especialmente em estruturas complexas, use o modo Código-fonte e confira o arquivo salvo.

Posso usar textos gerados por IA?

Sim. Salve o conteúdo em um arquivo Markdown e abra no MD Studio para ler e revisar. O aplicativo é um visualizador e editor: ele não gera texto nem consulta modelos de IA.

SEU TEXTO MERECE ESSA ATENÇÃO

Conheça o MD Studio.
Ajude a próxima melhoria.

Baixe, abra um documento e avalie a experiência. Se o projeto for útil, clique em Star no GitHub para salvá-lo e apoiar seu desenvolvimento.

Copie o conteúdo.

A cópia automática não está disponível. Selecione o texto abaixo e copie para continuar.