PTENES
Proyecto personal · App de escritorioConversaciónTemasArchivos
ConversaPack

El contextosiguecontigo.

Un lector de escritorio para reunir conversaciones, temas y archivos en un solo lugar.

Una app de computadora que abre conversaciones largas empaquetadas con sus archivos: la conversación con búsqueda, el resumen por temas y el árbol de archivos con vista previa.Abre conversaciones largas con búsqueda, resumen y archivos juntos.

App de escritorioElectronProyecto personal

  • Electron 28
  • JavaScript
  • HTML
  • CSS
  • AdmZip 0.5
Proyecto personal · App de escritorioConversaciónTemasArchivos
ConversaPack

El contextosiguecontigo.

Un lector de escritorio para reunir conversaciones, temas y archivos en un solo lugar.

  • Electron 28
  • JavaScript
  • HTML
  • CSS
  • AdmZip 0.5

Una app de computadora que abre conversaciones largas empaquetadas con sus archivos: la conversación con búsqueda, el resumen por temas y el árbol de archivos con vista previa.Abre conversaciones largas con búsqueda, resumen y archivos juntos.

App de escritorioElectronProyecto personal

  • Electron 28
  • JavaScript
  • HTML
  • CSS
  • AdmZip 0.5

PortafolioConversaPack

El formato

Un paquete que guarda la conversación entera.

Una conversación larga de trabajo se dispersa: los mensajes quedan en un lugar, los archivos en otro, y semanas después nadie encuentra nada. El .conversapack junta todo en un solo archivo. Por dentro es un ZIP común, con cinco piezas, ábrelo y mira cada una.

Archivomanifest.json
{
  "version": "3.0",
  "format": "conversapack",
  "created": "2026-03-12T14:20:00Z",
  "platform": "Equipo",
  "title": "Sitio del Café Aurora",
  "stats": {
    "totalMessages": 8,
    "userMessages": 4,
    "otherMessages": 4,
    "topics": 3
  }
}

El paquete que se muestra es de ejemplo (un sitio ficticio). El lector arma el árbol a partir de los archivos reales del paquete.

Una maleta de vidrio violeta con el nombre .conversapack, unida a tres tarjetas, Conversa, Tópicos y Arquivos, y una notebook con el lector abierto

Formato propio · Lectura local

Una conversación larga. Un contexto organizado.

Mensajes, temas y archivos reunidos en el formato .conversapack.

Representación conceptual del formato.Búsqueda y
resaltadoLectura en
MarkdownNavegación
por temas

Encontrar aquella decisión en medio de cientos de mensajes suele ser lo más difícil. En el lector, la conversación aparece entera y con formato, con quién habló en cada globo, y la búsqueda marca la palabra en toda la conversación. Prueba con uno de los ejemplos.

En 8 mensajes

Prueba:
  1. Tú

    Empecemos el sitio del Café Aurora: una sola página con menú, horarios y contacto.

  2. Equipo

    De acuerdo. Propongo cuatro bloques:

    • Apertura con la foto de la vidriera
    • Menú en tarjetas
    • Horarios y dirección
    • Contacto con el botón de mensaje

    briefing.md

  3. Tú

    Perfecto. El menú cambia cada semana, así que tiene que ser fácil de cambiar.

  4. Equipo

    Entonces el menú pasa a ser una lista en script.js: cambiar un ítem es una línea. Armé la estructura de la página.

    index.htmlscript.js

  5. Tú

    ¿Qué colores sugieres? La marca usa marrón y crema.

  6. Equipo

    Paleta


    • Café #4a2c1d para los títulos
    • Crema #f6ead7 para el fondo
    • Canela #c47a3a para los botones

    estilos.css

  7. Tú

    Quedó muy bien. Falta el cronograma de entrega.

  8. Equipo

    Cronograma en el archivo: revisión el jueves, ajustes el viernes y el sitio en línea el lunes.

    cronograma.mdlogo.png

Conversación de ejemplo, de un sitio ficticio.

El resumen

Una conversación larga leída en capítulos.

Nadie relee cien mensajes para recordar qué se decidió. La pestaña Resumen divide la conversación en temas, cada uno con el rango de mensajes que cubre. Toca o pasa el mouse por un tema para ver el tramo en la regla y haz clic para abrirlo.

  1. TúEmpecemos el sitio del Café Aurora: una sola página con menú, horarios y contacto.

    EquipoDe acuerdo. Propongo cuatro bloques:

    TúPerfecto. El menú cambia cada semana, así que tiene que ser fácil de cambiar.

  2. EquipoEntonces el menú pasa a ser una lista en script.js: cambiar un ítem es una línea. Armé la estructura de la página.

    Tú¿Qué colores sugieres? La marca usa marrón y crema.

    EquipoPaleta

  3. TúQuedó muy bien. Falta el cronograma de entrega.

    EquipoCronograma en el archivo: revisión el jueves, ajustes el viernes y el sitio en línea el lunes.

En la app, los temas vienen del propio paquete (topics.json); la cuenta de mensajes se hace en el momento.

Una notebook con el lector mostrando el árbol de archivos de un proyecto de ejemplo, rodeada de íconos de .zip, .md, código y .json

Organización · Lectura · Productividad

Los archivos también son parte de la historia.

Recorre el paquete y consulta los materiales que acompañan cada conversación.

Árbol de archivosRecorre la estructura del proyecto
de forma simple y ordenada.Vista previa de texto y códigoConsulta archivos .md, .json,
.html, .ts y otros al instante.Copiar y guardar archivosCopia el contenido o guarda el archivo
donde lo necesites.Electron · JavaScript · HTML · CSSUna herramienta propia para ordenar el flujo de trabajo.

En una conversación de trabajo nacen archivos: un texto, una página, una lista. En la pestaña Archivos aparecen en carpetas, como en la computadora, cada uno con su tamaño. Abre una carpeta y haz clic en un archivo: el texto aparece con formato, el código coloreado, y se puede copiar o guardar.

Sitio del Café Aurora6 archivo(s)

site/script.js
// o cardápio da semana: trocar um item é mudar uma linha
const cardapio = [
  { nome: "Coado da casa", preco: 9 },
  { nome: "Pão de queijo", preco: 7 },
  { nome: "Bolo de fubá", preco: 12 },
];

const lista = document.querySelector("#cardapio");
for (const item of cardapio) {
  lista.insertAdjacentHTML("beforeend", `<p>${item.nome}, R$ ${item.preco}</p>`);
}

Archivos de ejemplo, de un sitio ficticio. "Guardar" descarga el archivo de ejemplo; en la app, abre la ventana de guardar de la computadora.

Qué abre

No solo el paquete: también el archivo suelto.

No todo material llega empaquetado. Además del .conversapack, el lector abre cualquier ZIP y archivos sueltos de texto, datos y código, cada uno con la vista previa adecuada. Toca o pasa el mouse por una etiqueta.

  • Paquetes

    La conversación con temas y archivos, o cualquier ZIP, mostrado como árbol.

    • .conversapack
    • .zip
  • Textos

    Notas y documentos, con el Markdown formateado.

    • .md
    • .txt
  • Datos

    Listas y configuraciones, con resaltado de colores.

    • .json
  • Código

    Páginas y programas, con las palabras clave coloreadas.

    • .js
    • .ts
    • .jsx
    • .tsx
    • .py
    • .html
    • .css

Dentro de un paquete: 40 tipos de texto

Cuando el archivo viene dentro de un paquete, el lector muestra el contenido de estos tipos:

  • .js
  • .jsx
  • .ts
  • .tsx
  • .mjs
  • .cjs
  • .py
  • .go
  • .rs
  • .java
  • .php
  • .rb
  • .html
  • .htm
  • .css
  • .scss
  • .sass
  • .less
  • .vue
  • .svelte
  • .json
  • .yml
  • .yaml
  • .xml
  • .toml
  • .ini
  • .cfg
  • .conf
  • .env
  • .csv
  • .log
  • .sql
  • .prisma
  • .graphql
  • .sh
  • .bash
  • .md
  • .txt
  • .gitignore
  • .dockerfile
Imágenes y otros binarios

Aparecen en el árbol con el nombre y el tamaño, sin vista previa.

Lista verificada en el código de la app (main.js).

En la computadora

Una app de verdad, no una página abierta.

El lector corre en la máquina de quien lo usa: abre los paquetes de la propia computadora, sin mandar nada a un servidor. La ventana es propia, sin el marco del sistema, con los tres botones dibujados por la app. Toca o pasa el mouse por los botones de la ventana.

ConversaPack

Ningún paquete abierto

Los tres botones son de la propia app: cerrar, minimizar y maximizar.

  • Lectura local

    Los paquetes se abren del disco, con la ventana de abrir del sistema. Nada sale de la computadora.

  • Ventana sin marco

    La barra de título y los botones los dibuja la app, en el mismo violeta del resto de la pantalla.

  • La pantalla pide poco al sistema

    La parte visual solo puede pedir 7 cosas: abrir, cargar, guardar y los controles de la ventana.

  • Instaladores aún sin probar

    Windows, macOS y Linux están configurados, igual que abrir el .conversapack con doble clic, pero todavía no se probaron.

Proyecto personal, versión 3.0.0.

Las tecnologías

De qué está hecho, pieza por pieza

Un programa de computadora hecho con tecnología web: la ventana es HTML, CSS y JavaScript, y Electron mete todo eso dentro de una app. Elige una pieza para ver qué hace aquí y en qué archivo está.

9tecnologías, en 4 capas

Aplicación

Pantalla

Paquete

Recursos

Las pantallas

El lector tal como es.

Las pantallas reales de la app, en el tema oscuro con violeta. Elige una pestaña y haz clic en la pantalla para verla grande.

Paquete abierto: el árbol de carpetas de un proyecto, con el tamaño de cada archivo.

Pantallas reales de la app; el nombre del paquete abierto se cambió por un nombre de ejemplo.

Siguiente proyecto20 / 51

Aplicaciones de escritorioDayForgeAgenda diaria de escritorio, 100% offline: tareas por horario, recordatorios en Markdown, papelera, archivo, búsqueda y copias de seguridad, en dos temasReact 19.0TypeScript 5.7Tailwind CSS 3.4Vite 6.1← AnteriorCine Creator Studio
Inicio