Código abierto · Apache-2.0Gratis en local · Comparte con un comando · Las revisiones vuelven a tu agente

Muéstralo, decide y luego constrúyelo

Escribe en TS/TSX prototipos en los que se puede hacer clic y que se pueden reproducir, y compara opciones en un tablero local. Compártelos o insértalos con un comando, deja que tu equipo vote y decida en un enlace de revisión, y que tu agente actualice el código con joplo feedback.

Abrir la consolaLeer la documentación

Terminal

$ npx joplo@latest init my-demo$ npx joplo dev --open$ npx joplo share --review✓ Versión de revisión publicada → https://joplo.app/s/…$ npx joplo feedback2 decisiones por aplicar → pásaselas a tu agente
El tablero de Joplo reproduciendo una demo: las opciones A y B a la izquierda, el prototipo en el centro y la línea de pasos abajo.

Cómo funciona

Del código a la decisión, y de vuelta al código

Los archivos fuente mandan y Git guarda el historial. Los comentarios de la revisión no se pierden en el chat: tu agente escribe las decisiones en el mismo TSX y vuelves a publicar.

  1. 01

    Escribe TS/TSX

    Pantallas, opciones, casos y flujos viven en archivos fuente, junto a tu código.

    options/a.tsx
  2. 02

    Compara y reproduce en el tablero

    Cambia entre las opciones A y B, mira qué casos cubre cada una y reproduce la demo paso a paso.

    npx joplo dev --open
  3. 03

    Comparte o publica una versión de revisión

    Un enlace normal solo muestra la opción elegida. La versión de revisión incluye todas, y sus reglas y preguntas solo las ven los revisores.

    npx joplo share --review
  4. 04

    Revisa, vota y decide

    Los revisores comentan junto a la demo, señalan elementos y votan. Tú eliges una opción, confirmas o rechazas reglas y respondes preguntas.

    cloud.joplo.app/review/…
  5. 05

    Tu agente aplica las decisiones

    El agente trae las decisiones y comentarios pendientes, edita el código, ejecuta check y los marca como aplicados.

    npx joplo feedback

Vuelve al paso 2: cuando estén los cambios, ejecuta otra vez npx joplo share --review. Con Pro se actualiza el mismo enlace de revisión y se conservan los comentarios y los votos.

Funciones

Del primer prototipo al último cambio del agente

01

Escribe la demo

Pantallas, opciones, casos y flujos son TS/TSX en Git. Tú y tu agente editáis los mismos archivos.

  • Componentes, tarjetas de transición, varios roles y respuestas de agentes en streaming
  • joplo check da una línea por problema, fácil de leer para un agente
features/invite/options/a-modal.tsx
export default option({  name: 'A · Invitar a una persona por correo',  tradeoffs: ['El camino más corto', 'Una invitación cada vez'],});flow('La admin envía una invitación')  .click('btn_invite', 'Abrir el diálogo de invitación')  .type('in_email', '[email protected]')  .select('sel_role', 'Editor', uses('role_cap'))  .click('btn_send', 'Enviar la invitación');

02

Compara opciones

Escribe las opciones A y B de una misma función. El tablero muestra la cobertura de cada opción por caso, así que los huecos y las dudas saltan a la vista.

  • Reproduce paso a paso; subtítulos, cámara y capas siguen el flujo
  • ⌥ + clic en un elemento pasa su archivo y línea a tu agente
El tablero de Joplo: las opciones A y B con su cobertura por caso a la izquierda, el prototipo a la derecha.

03

Comparte e inserta

npx joplo share publica un enlace joplo.app/s/…. Insértalo en un blog, una documentación o un README: los visitantes ven primero una portada y luego la reproducen o la ponen a pantalla completa.

  • Iframe web, insignia de GitHub y tarjetas de enlace, en todas las cuentas
  • Los enlaces gratuitos duran 1 hora; los de Pro no caducan
Una demo de Joplo insertada en reproducción, con subtítulos y una barra de control compacta para avanzar por pasos y pasar a pantalla completa.

04

Revisa y devuélveselo a tu agente

Envía un enlace de revisión. Tus compañeros comentan junto a la demo, señalan elementos y votan. Cuando decides, tu agente recibe las decisiones con npx joplo feedback y actualiza el código.

  • Las reglas y preguntas abiertas solo aparecen tras el enlace de revisión
  • Para comentar y votar hay que iniciar sesión; solo el autor decide
~/my-demo — zsh
$ npx joplo feedbackShare k3f9x2Qa1B · version 3Decisions not yet applied (2):  [d_8f2k] Pick option invite.a-modal for feature invite  [d_3m9q] Reject rule resend_cap: Bloquear solo los reenvíos en menos de 1 minutoUnresolved comments (1):  [c_7xw1] scenario invite.a-modal.success · step 2 — Chen      ¿Cambiamos el botón a «Invitar al equipo»?Next: update the source as decided, run npx joplo check,then npx joplo feedback --applied d_8f2k,d_3m9q

05Muy pronto

CI y vistas previas de PR

Publica desde CI con una clave de API en lugar de iniciar sesión en el dispositivo. Cuando se abra la GitHub App de Joplo, cada PR recibirá un comentario con la vista previa, y el enlace caducará al cerrar el PR.

  • Las claves de API ya funcionan: permisos acotados y 90 días por defecto
  • Vistas previas de PR: 1 hora en Free, hasta que se cierre el PR en Pro
.github/workflows/joplo-preview.yml
on: pull_requestjobs:  preview:    runs-on: ubuntu-latest    steps:      - uses: actions/checkout@v4      - run: npx joplo share --new --pr ${{ github.event.number }}        env:          JOPLO_API_KEY: ${{ secrets.JOPLO_API_KEY }}

Ejemplos

Mira lo que Joplo puede explicar

Desde paneles de administración B2B y apps móviles hasta arquitectura de backend y artículos técnicos. Cada uno se reproduce aquí mismo, igual que si lo insertaras en tu propia página.

Ver todos los ejemplos

Precios

Gratis en local, colaboración para todos

Crear, revisar y compilar con la CLI no cuesta nada, y las inserciones, las revisiones y las claves de API vienen con cualquier cuenta. Con Pro pagas enlaces permanentes y límites más altos.

Free

0 $

Para enseñárselo a alguien o hacer una ronda de revisión.

  • La CLI local completa, de código abierto y gratis
  • Publica tras iniciar sesión; los enlaces duran 1 hora
  • Inserciones: iframe web, insignia de GitHub, tarjetas de enlace
  • Enlaces de revisión, comentarios, votos y joplo feedback
  • Claves de API para CI y scripts
  • Vistas previas de PR de 1 hora (muy pronto)
  • Las páginas compartidas muestran un aviso del plan gratuito y la barra de Joplo
Regístrate gratis

Pro

Recomendado

48 $/ año

Cuando los enlaces tienen que seguir funcionando.

  • Los enlaces no caducan
  • Sin aviso del plan gratuito ni barra de marca
  • Volver a publicar actualiza el mismo enlace y conserva los comentarios de revisión
  • Si pasas a Pro en los 7 días siguientes a la caducidad, vuelve el enlace original
  • Límites de subida y publicación más altos
  • Vistas previas de PR hasta que se cierre el PR (muy pronto)
  • Enlaces privados, historial de versiones y exportación en la nube (muy pronto)
Pasar a Pro

Lifetime

99 $pago único

Paga una vez y conserva las ventajas de Pro.

  • Todo lo de Pro
  • Sin renovaciones
Comprar Lifetime

Precios en USD. Los pagos los procesa Waffo Pancake como comerciante registrado (merchant of record).

Preguntas frecuentes

Preguntas frecuentes

Respuestas directas sobre precios, compartir, inserciones, revisiones y agentes.

Haz primero la demo de tu próxima función

Escríbela, reprodúcela y compárala en local. Construye lo de verdad cuando esté claro.

Terminal

$ npx joplo@latest init my-demo
Regístrate gratisLeer la documentación