js-notepad: Um Bloco de Notas Programável com Servidor MCP Integrado para Claude Code

js-notepad é um aplicativo de bloco de notas programável projetado para funcionar junto com o VS Code enquanto usa o Claude Code. Ele serve como uma ferramenta complementar para fluxos de trabalho de programação, construído inteiramente com assistência do Claude Code.

Principais Recursos e Casos de Uso

O desenvolvedor usa o js-notepad lado a lado com o VS Code durante sessões do Claude Code para várias finalidades específicas:

• Revisando documentação – Markdown é renderizado ao vivo com suporte a diagramas Mermaid, e protótipos HTML são visualizados em uma aba de navegador integrada.
• Acompanhando trabalho – Tarefas rápidas e notas podem ser criadas sem sair do espaço de trabalho.
• Monitorando alterações – Múltiplos grupos de abas com painéis de navegação permitem navegar por arquivos do projeto e revisar o que o Claude implementou.

Implementação Técnica

O aplicativo inclui vários componentes técnicos:

• Servidor MCP integrado – Isso permite que o Claude Code leia/escreva páginas, execute scripts, crie tarefas e envie resultados diretamente para o aplicativo.
• Monaco Editor – O mesmo mecanismo de editor usado pelo VS Code.
• Editor de grade – Para trabalhar com arquivos JSON e CSV.
• Editores de notebook e tarefas – Interfaces dedicadas para diferentes tipos de conteúdo.
• Visualizador de PDF – Capacidade de visualização de PDF integrada.
• Scripting JavaScript/TypeScript – Com acesso completo ao Node.js para funcionalidade personalizada.

A ferramenta é gratuita, de código aberto e atualmente disponível para Windows. O código-fonte está hospedado no GitHub em github.com/andriy-viyatyk/js-notepad.