Código aberto · Apache-2.0Grátis no seu computador · Compartilhe com um comando · As revisões voltam para o seu agente

Mostre, decida e depois construa

Escreva em TS/TSX protótipos clicáveis que dá para reproduzir, e compare opções num quadro local. Compartilhe ou incorpore com um comando, deixe o time votar e decidir num link de revisão, e o seu agente atualiza o código com joplo feedback.

Abrir o consoleLer a documentação

Terminal

$ npx joplo@latest init my-demo$ npx joplo dev --open$ npx joplo share --review✓ Versão de revisão publicada → https://joplo.app/s/…$ npx joplo feedback2 decisões a aplicar → passe para o seu agente
O quadro do Joplo reproduzindo uma demo: as opções A e B à esquerda, o protótipo no centro e a linha de etapas embaixo.

Como funciona

Do código à decisão, e de volta ao código

Os arquivos-fonte são a referência, e o Git guarda o histórico. O feedback da revisão não se perde no chat: o seu agente escreve as decisões no mesmo TSX, e você publica de novo.

  1. 01

    Escreva TS/TSX

    Telas, opções, casos e fluxos ficam em arquivos-fonte, junto do seu código.

    options/a.tsx
  2. 02

    Compare e reproduza no quadro

    Alterne entre as opções A e B, veja quais casos cada uma cobre e reproduza a demo passo a passo.

    npx joplo dev --open
  3. 03

    Compartilhe ou publique uma versão de revisão

    Um link comum mostra só a opção escolhida. A versão de revisão traz todas as opções, e as regras e perguntas ficam visíveis só para quem revisa.

    npx joplo share --review
  4. 04

    Revise, vote e decida

    Quem revisa comenta ao lado da demo, aponta elementos e vota. Você escolhe uma opção, confirma ou rejeita regras e responde às perguntas.

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

    O seu agente aplica as decisões

    O agente busca as decisões e comentários ainda não aplicados, edita o código, roda check e marca tudo como aplicado.

    npx joplo feedback

Volte à etapa 2: com as mudanças feitas, rode npx joplo share --review outra vez. No Pro, o mesmo link de revisão é atualizado, e os comentários e votos continuam lá.

Recursos

Do primeiro protótipo à última edição do agente

01

Escreva a demo

Telas, opções, casos e fluxos são TS/TSX no Git. Você e o seu agente editam os mesmos arquivos.

  • Componentes, cartões de transição, vários papéis e respostas de agente em streaming
  • joplo check mostra um problema por linha, fácil para um agente ler
features/invite/options/a-modal.tsx
export default option({  name: 'A · Convidar uma pessoa por e-mail',  tradeoffs: ['Caminho mais curto', 'Um convite por vez'],});flow('A admin envia um convite')  .click('btn_invite', 'Abrir a janela de convite')  .type('in_email', '[email protected]')  .select('sel_role', 'Editor', uses('role_cap'))  .click('btn_send', 'Enviar o convite');

02

Compare opções

Escreva as opções A e B para o mesmo recurso. O quadro mostra a cobertura de cada opção por caso, então lacunas e dúvidas aparecem na hora.

  • Reprodução passo a passo; legendas, câmera e camadas seguem o fluxo
  • ⌥ + clique num elemento passa o arquivo e a linha para o seu agente
O quadro do Joplo: as opções A e B com a cobertura por caso à esquerda, o protótipo à direita.

03

Compartilhe e incorpore

npx joplo share publica um link joplo.app/s/…. Incorpore num blog, numa documentação ou num README: quem visita vê primeiro uma capa e depois reproduz ou abre em tela cheia.

  • Iframe web, selo do GitHub e cartões de link, em todas as contas
  • Links grátis duram 1 hora; links Pro não expiram
Uma demo do Joplo incorporada em reprodução, com legendas e uma barra de controle compacta para avançar passo a passo e abrir em tela cheia.

04

Revise e devolva para o seu agente

Envie um link de revisão. Os colegas comentam ao lado da demo, apontam elementos e votam. Depois que você decide, o seu agente recebe as decisões com npx joplo feedback e atualiza o código.

  • Regras e perguntas em aberto só aparecem pelo link de revisão
  • É preciso entrar para comentar e votar; só o 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 só reenvios em menos de 1 minutoUnresolved comments (1):  [c_7xw1] scenario invite.a-modal.success · step 2 — Chen      Que tal trocar o botão para “Convidar colegas”?Next: update the source as decided, run npx joplo check,then npx joplo feedback --applied d_8f2k,d_3m9q

05Em breve

CI e prévias de PR

Publique a partir da CI com uma chave de API em vez de login no dispositivo. Quando o GitHub App do Joplo for liberado, cada PR vai receber um comentário com a prévia, e o link expira quando o PR fechar.

  • Chaves de API já funcionam: permissões limitadas, 90 dias por padrão
  • Prévias de PR: 1 hora no Free, até o PR fechar no 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 }}

Exemplos

Veja o que dá para explicar com o Joplo

De telas administrativas B2B e apps móveis a arquitetura de backend e artigos técnicos. Cada um roda aqui mesmo, do mesmo jeito que ficaria incorporado na sua página.

Ver todos os exemplos

Preços

Grátis no seu computador, colaboração para todo mundo

Criar, verificar e gerar com a CLI não custa nada, e incorporações, revisões e chaves de API vêm em todas as contas. No Pro você paga por links permanentes e limites maiores.

Free

$ 0

Para mostrar a um colega ou rodar uma revisão.

  • A CLI local completa, de código aberto e grátis
  • Publique depois de entrar; os links duram 1 hora
  • Incorporações: iframe web, selo do GitHub, cartões de link
  • Links de revisão, comentários, votos e joplo feedback
  • Chaves de API para CI e scripts
  • Prévias de PR válidas por 1 hora (em breve)
  • As páginas compartilhadas mostram um aviso do plano grátis e a barra do Joplo
Cadastre-se grátis

Pro

Recomendado

$ 48/ ano

Quando os links precisam continuar funcionando.

  • Links que nunca expiram
  • Sem aviso do plano grátis nem barra da marca
  • Publicar de novo atualiza o mesmo link e mantém os comentários da revisão
  • Assine em até 7 dias depois de expirar e o link original volta
  • Limites maiores de envio e publicação
  • Prévias de PR válidas até o PR fechar (em breve)
  • Links privados, histórico de versões e exportação na nuvem (em breve)
Assinar o Pro

Lifetime

$ 99pagamento único

Pague uma vez e mantenha os benefícios do Pro.

  • Tudo do Pro
  • Sem renovações
Comprar Lifetime

Preços em USD. Os pagamentos são processados pela Waffo Pancake como merchant of record.

Perguntas frequentes

Perguntas frequentes

Respostas diretas sobre preços, compartilhamento, incorporações, revisões e agentes.

Faça primeiro a demo do seu próximo recurso

Escreva, reproduza e compare no seu computador. Construa de verdade quando estiver claro.

Terminal

$ npx joplo@latest init my-demo
Cadastre-se grátisLer a documentação