Páginas

Páginas, la carpeta 3 del dock, es tu producto pantalla por pantalla. Primero, qué pantallas tiene, qué hace cada una y quién la ve; después, qué les falta, cómo te encuentran y cuánto se ven. SeeRepo lo lee de tu código y, si tu proyecto tiene dirección, de tu sitio publicado, y cada cosa lleva el archivo y la línea que la prueban. A la izquierda, sus cuatro secciones: Pantallas, Arreglos, Visibilidad y Visitas. La dirección guarda en cuál estás, así que atrás, recargar y mandar el enlace funcionan. En el teléfono, el menú se despliega en su sitio. La casa de la ruta de arriba te lleva de vuelta a tu proyecto.

En tu proyecto, la carátula de Páginas lo dice en una línea, como «152 pantallas · 30 listas · 45 de 45 te encuentran»: cuántas pantallas, cuántas están listas y cuántas encuentra Google, las mismas cifras que cada sección.

Lo nuevo desde tu visita

Bajo el título, una línea dice cuántas pantallas nacieron y cuántas cambiaron desde tu última visita. Si no pasó nada, no sale. Solo la ven el dueño y sus miembros, cada uno desde su propia visita.

Pantallas

Arriba, una frase con cuántas pantallas tiene tu producto y quién ve cada una, como «Karrito tiene 152 pantallas: 56 las ve cualquiera, 92 quien inicia sesión, 3 el dueño de la cuenta y 1 con un enlace». Debajo, un bloque por quién las ve y dentro, por módulo, los mismos que cuentan Estructura y la Wiki. Al final, Fuera de los módulos: las que no caen en ninguno.

Cada fila dice el nombre de la pantalla y qué hace, en una frase, y un punto pequeño con su estado: verde, lista; amarillo claro, le falta una cosa; amarillo, le faltan varias; gris, sin revisar todavía. Sobre la lista, una leyenda nombra los puntos que hay, y un lector de pantalla lee el de cada fila. Lo que le falta está en Arreglos. Cada módulo enseña sus seis primeras, y Ver N más abre las otras ahí mismo. Con más de doce pantallas hay un buscador sobre la lista: busca por nombre, por dirección o por lo que hace, sin importar tildes ni mayúsculas, dice cuántas quedaron («7 de 152») y enseña cada módulo entero. Si dos pantallas se llaman igual, cada una lleva su dirección al lado. Lo que solo redirige a otra dirección no cuenta como pantalla. Una página que solo te lleva a otro sitio, después de una comprobación o pintando nada más que su error, sí cuenta, y su fila dice adónde: «Te lleva a /registro», o «Te lleva a otro sitio» si el destino no es una ruta de tu app; su ficha enlaza la línea que lo hace. Toca una fila para abrir su ficha.

Arreglos

Arriba, el aro: cuántas están listas, como «30 de 152 listas». Una pantalla está lista cuando dice algo mientras carga, cuando está vacía, si falla y en el teléfono. Debajo, Por dónde empezar: el arreglo que más pantallas cubre de una vez, como «A 68 pantallas les falta qué decir cuando están vacías», con su botón, que dice a cuántas alcanza («Copiar para las 68»): un prompt para todas. Después van los otros arreglos, del que más cubre al que menos, cada uno con el suyo. Con DataFast leído, cada arreglo dice además cuántas de tus pantallas más vistas cubre, como «Entre ellas, 3 de tus 10 más vistas»; el orden no cambia por eso. Toca uno para ver sus pantallas.

Si desde la última vez que miraste Arreglos se arregló algo, una frase lo dice arriba, una sola vez: qué se arregló y en cuántas pantallas, como «Pantalla de carga» en 45 pantallas. Solo cuenta lo que SeeRepo volvió a leer y encontró bien, y lo recuerda este navegador: en otro, o en una ventana privada, no sale.

La gráfica

En Arreglos, tus últimos 30 días. La línea son las cosas que les faltan a tus pantallas cada día: al cargar, vacías, si fallan y en el teléfono. A una sola pantalla le pueden faltar varias, y por eso la cifra no es la del aro, que cuenta pantallas. Pasa el puntero, toca un día o usa las flechas del teclado para ver qué pasó ese día, y debajo va escrito lo más importante, con su fecha. Cuando subas algo, ahí se ve qué arregló y qué dejó. Compartir tiene también La imagen de sus páginas, con cuántas están listas y su velocidad.

Cuando SeeRepo cambia cómo revisa, la línea se corta y lo dice: ese salto no es trabajo tuyo. Un día sin lectura conserva el valor anterior: sin cambios, no cambió nada.

Visibilidad

Cómo te encuentran Google, las IAs y quien abre tu enlace. Arriba, el aro: de tus pantallas públicas que quieren salir en Google, cuántas pueden, como «45 de 45 listas para que Google las encuentre». Solo les resta lo que lo impide. Es lo que dice tu código: si Google ya las tiene lo dice Search Console, y una vez conectado el aro lo cuenta debajo («Google revisó 45 y ya tiene 44») y solo se pone verde cuando a Google no le falta ninguna de las que revisó. Las que escondiste a propósito, como la entrada o una demo, no cuentan ni arriba ni abajo: esconderlas es decisión tuya, y van al final, plegadas, en Escondidas a propósito. Debajo:

• Por dónde empezar: lo que impide que Google encuentre alguna, si hay algo, con su prompt.
• Cuatro puertas, una por cada forma de encontrarte: Google, según tu código, Al compartir, Las IAs, según tu código y Velocidad, esta con su fecha. Cada una lleva su cifra en la misma línea. La que tiene algo que mejorar viene abierta; las demás, si tienen algo dentro, se abren al tocarlas. Toca un arreglo de cualquiera para ver sus pantallas ahí mismo.
• Dentro de Google: lo que no lo impide pero ayuda, como «No está en el sitemap» o «Sin datos estructurados (JSON-LD)», cada cosa con cuántas pantallas y su botón para copiar («Copiar para las 9»); los archivos del sitio (robots.txt, sitemap y llms.txt), con De dónde sale, que despliega cada regla con su archivo y su línea; y Search Console, solo para el dueño, con Conectar si todavía no lo está. Con sus cifras, bajo la puerta van Las que te traen gente y Google no las tiene.
• Dentro de Al compartir: lo que se puede mejorar de la tarjeta que sale al pegar tu enlace, como su imagen.
• Dentro de Las IAs: lo que se puede mejorar para ellas, y si entran las IAs que entrenan, con «tú decides» al lado.
• Dentro de Velocidad: cada página medida, con su nota.

Lo que revisa en cada pantalla, lo que SeeRepo lee de tu sitio publicado y las cifras de Google se explican en Páginas por fuera.

Visitas

Cuánto se ve cada pantalla, con DataFast. Una visita es una persona en una pantalla en un día: si alguien recarga cinco veces, cuenta una. Arriba, las visitas de 30 días y la pantalla que más trae; la curva, día a día; y cada pantalla con su barra, las diez primeras y Ver N más. Cada fila dice además lo que le falta a su pantalla, como «le falta: carga y vacío», y sobre la lista va cuántas de las diez más vistas no están listas, con Copiar para esas 4: un prompt para ellas, de la más vista a la menos. Lo que llega a direcciones que no son pantallas de tu código, como las que prueba un robot, va aparte en Otras rutas, plegado. Las pantallas que nadie abrió en esos 30 días van en Sin visitas, también plegado, cada una con su módulo. Con más de diez pantallas vistas, la frase de arriba dice además cuánto de todas las visitas se llevan las diez primeras.

La sección sale si tu código usa DataFast. Antes de conectarlo enseña cómo se verá, con un ejemplo, y Conectar; si tu plan no lo trae, Ver planes. Mientras SeeRepo no lo puede leer todavía, dice Pronto. Conectado y sin leer, dice que la primera lectura llega en un día.

La ficha de una pantalla

Toca una fila y sube su ficha. Arriba, en cuál vas de la lista, como «4 de 152», su módulo, su nombre, su dirección y qué hace. ← y → pasan a la siguiente en el orden en que se lee la lista, y Escape la cierra. Debajo, de entender a arreglar (en el teléfono, Lo que le falta va primero):

• Qué es: en una pantalla pública, sus vistas. Pantalla es su captura o la imagen que comparte, y sale solo cuando hay una: sin imagen la ficha no dibuja nada en su lugar, y una privada abre por Quién la ve. En Google, cómo la enseñaría el buscador con sus textos; Al compartir, la tarjeta que sale al pegar su enlace; y Para las IAs, lo que puede leer un asistente. Abrir la página la abre en tu sitio, y Ver dónde está abre su ficha en Estructura.
• Quién la ve, con la línea de código que lo prueba cuando SeeRepo la encontró.
• Cuánto se ve, cuando DataFast está leído: sus visitas en 30 días y su puesto entre las pantallas que tuvieron alguna, o que no tuvo ninguna. Sin DataFast no sale.
• Qué usa y quién la cambió: los datos que lee, su último cambio y en cuántos de los últimos 90 días la tocó un commit, con su cuadrícula desde tres días, y quién.
• Lo que le falta: una sola lista, con lo que le falta por dentro y lo que tiene mal para Google, al compartir o para las IAs, cada cosa con su prueba, que se abre en GitHub. Al final, el botón para copiar su prompt, que dice cuántas cosas lleva cuando son varias («Copiar prompt · 3 cosas»). Si no le falta nada, lo dice.
• Cómo la encuentran, solo si es pública: lo que tiene bien, plegado bajo su cuenta, su velocidad y sus cifras de Search Console cuando las hay.

Las capturas

Una vez al día, cuando SeeRepo lee tu sitio publicado, guarda cómo se ve en el teléfono cada pantalla que mide. La captura sale de la misma medición de PageSpeed: Google la toma al medir la velocidad, y SeeRepo no vuelve a abrir tu página. Solo hay captura de las páginas públicas que responden como ellas mismas, porque una que redirige enseñaría otra. Dura hasta la lectura del día siguiente, que la reemplaza, y la ven solo tú y tus miembros. Quien visita un mapa público no las ve.

Arregla una con tu agente

1. Copia el prompt: el botón de cada arreglo, como «Copiar para las 68», en Arreglos o en Visibilidad, para varias pantallas a la vez, o Copiar prompt para tu agente en la ficha de una.
2. Pégalo en Claude Code, Codex, Cursor o en el chat de tu constructor de apps.

El prompt de una pantalla dice cuál es, su ruta y su archivo, lo que le falta y la prueba de cada cosa. Por ejemplo:

Página: Panel
Proyecto: tu-nombre/tu-repo
Ruta: /dashboard
Archivo: app/dashboard/page.tsx

Pendientes conocidos

- Cargando: un esqueleto de su contenido mientras carga (un `loading.tsx` a su lado, o Suspense alrededor de lo que espera).
- Vacío: cuando la lista que enseña no tiene nada, que lo diga y señale la primera acción.

Pruebas por dentro:
- Cargando: missing · No hay un loading.tsx en su carpeta ni más arriba, ni Suspense en la página
- Vacío: missing · Recorre una lista y no dice nada cuando está vacía · app/dashboard/page.tsx:42

No conviertas mejoras opcionales ni decisiones de privacidad en fallos.

Comprueba los estados afectados y conserva las restricciones de acceso intencionales. Después del cambio, vuelve a leer el código y, cuando corresponda, el sitio publicado. Indica qué verificaste y qué sigue sin comprobarse. Una captura no verifica todos los estados.

Quién ve qué

• Tú, el dueño: todo, y Conectar en cada fuente que todavía no está conectada.
• Tus miembros: lo mismo, y copian los prompts. Las conexiones las hace el dueño.
• Con el plan gratis: tus pantallas, su dirección y quién las ve, y a cuántas les falta algo. Qué hace cada una, su estado, Arreglos, Visibilidad y Visitas vienen con un plan. Un repo leído solo a su primer nivel dice cuántas pantallas tiene, con su candado.
• Quien visita un mapa público: tus pantallas por módulo, sin decir quién entra a cada una; en Arreglos, lo que les falta y a cuántas, sin lo que toca a quién entra; y en Visibilidad lo que encuentra Google, sin lo que se puede mejorar y sin capturas. No ve prompts, ni tus cifras de Google, ni tus visitas. Arreglos y la ficha de una pantalla le dicen «Haz esto con tu repo», con su botón.

Qué lee

Los estados, por ahora en Next.js. En otros stacks ves tus páginas, quién entra y qué hacen, y sus estados llegan después. Lo de fuera se lee en Next.js (App Router y Pages Router) y en HTML estático.