Open source · Apache-2.0Gratuit en local · Partage en une commande · Les relectures reviennent à votre agent

Montrez-le, décidez, puis construisez

Écrivez en TS/TSX des prototypes cliquables et jouables, et comparez les options sur un tableau local. Partagez-les ou intégrez-les en une commande, laissez votre équipe voter et trancher dans un lien de relecture, et votre agent met le code à jour avec joplo feedback.

Ouvrir la consoleLire la documentation

Terminal

$ npx joplo@latest init my-demo$ npx joplo dev --open$ npx joplo share --review✓ Version de relecture publiée → https://joplo.app/s/…$ npx joplo feedback2 décisions à appliquer → confiez-les à votre agent
Le tableau Joplo en train de jouer une démo : les options A et B à gauche, le prototype au centre et la frise des étapes en bas.

Comment ça marche

Du code à la décision, puis retour au code

Les fichiers source font foi et Git garde l'historique. Les retours de relecture ne se perdent pas dans le chat : votre agent reporte les décisions dans le même TSX et vous republiez.

  1. 01

    Écrire du TS/TSX

    Écrans, options, cas et parcours vivent dans des fichiers source, à côté de votre code.

    options/a.tsx
  2. 02

    Comparer et jouer sur le tableau

    Passez de l'option A à l'option B, voyez quels cas chacune couvre et jouez la démo pas à pas.

    npx joplo dev --open
  3. 03

    Partager, ou publier une version de relecture

    Un lien normal ne montre que l'option retenue. La version de relecture contient toutes les options, et ses règles et questions ne sont visibles que des relecteurs.

    npx joplo share --review
  4. 04

    Relire, voter, trancher

    Les relecteurs commentent à côté de la démo, désignent des éléments et votent. Vous choisissez une option, confirmez ou rejetez des règles et répondez aux questions.

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

    Votre agent applique les décisions

    L'agent récupère les décisions et commentaires pas encore appliqués, modifie le code, lance check et les marque comme appliqués.

    npx joplo feedback

Retour à l'étape 2 : une fois les changements faits, relancez npx joplo share --review. Avec Pro, le même lien de relecture est mis à jour et ses commentaires et votes sont conservés.

Fonctionnalités

Du premier prototype à la dernière modification de l'agent

01

Écrire la démo

Écrans, options, cas et parcours sont du TS/TSX dans Git. Vous et votre agent modifiez les mêmes fichiers.

  • Composants, cartes de transition, plusieurs rôles et réponses d'agent en streaming
  • joplo check affiche un problème par ligne, facile à lire pour un agent
features/invite/options/a-modal.tsx
export default option({  name: 'A · Inviter une personne par e-mail',  tradeoffs: ['Le chemin le plus court', 'Une invitation à la fois'],});flow('L'admin envoie une invitation')  .click('btn_invite', 'Ouvrir la fenêtre d'invitation')  .type('in_email', '[email protected]')  .select('sel_role', 'Éditeur', uses('role_cap'))  .click('btn_send', 'Envoyer l'invitation');

02

Comparer les options

Écrivez les options A et B d'une même fonctionnalité. Le tableau affiche la couverture de chaque option cas par cas : les manques et les questions ouvertes sautent aux yeux.

  • Lecture pas à pas ; sous-titres, caméra et calques suivent le parcours
  • ⌥ + clic sur un élément transmet son fichier et sa ligne à votre agent
Le tableau Joplo : les options A et B avec leur couverture par cas à gauche, le prototype à droite.

03

Partager et intégrer

npx joplo share publie un lien joplo.app/s/…. Intégrez-le dans un blog, une doc ou un README : les visiteurs voient d'abord une couverture, puis lancent la lecture ou passent en plein écran.

  • Iframe web, badge GitHub et cartes de lien, sur tous les comptes
  • Les liens gratuits durent 1 heure ; les liens Pro n'expirent pas
Une démo Joplo intégrée en cours de lecture, avec sous-titres et une barre de contrôle compacte pour avancer pas à pas et passer en plein écran.

04

Faire relire, puis rendre la main à votre agent

Envoyez un lien de relecture. Vos collègues commentent à côté de la démo, désignent des éléments et votent. Une fois que vous avez tranché, votre agent récupère les décisions avec npx joplo feedback et met le code à jour.

  • Les règles et les questions ouvertes n'apparaissent que derrière le lien de relecture
  • Il faut être connecté pour commenter et voter ; seul l'auteur tranche
~/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: Bloquer seulement les renvois en moins d'une minuteUnresolved comments (1):  [c_7xw1] scenario invite.a-modal.success · step 2 — Chen      On renomme le bouton en « Inviter des collègues » ?Next: update the source as decided, run npx joplo check,then npx joplo feedback --applied d_8f2k,d_3m9q

05Bientôt

CI et aperçus de PR

Publiez depuis la CI avec une clé d'API plutôt qu'avec une connexion d'appareil. Dès l'ouverture de la GitHub App Joplo, chaque PR recevra un commentaire d'aperçu, et le lien expirera à la fermeture de la PR.

  • Les clés d'API fonctionnent déjà : droits limités, 90 jours par défaut
  • Aperçus de PR : 1 heure en Free, jusqu'à la fermeture de la 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 }}

Exemples

Voyez ce que Joplo permet d'expliquer

Des écrans d'administration B2B aux apps mobiles, jusqu'à l'architecture backend et aux articles techniques. Chacun se joue ici même, exactement comme s'il était intégré à votre propre page.

Voir tous les exemples

Tarifs

Gratuit en local, la collaboration pour tous

Créer, vérifier et construire avec la CLI ne coûte rien, et les intégrations, les relectures et les clés d'API sont incluses dans tous les comptes. Pro, c'est pour des liens permanents et des limites plus élevées.

Free

0 $

Pour montrer à un collègue, ou lancer une relecture.

  • La CLI locale complète, open source et gratuite
  • Publiez après connexion ; les liens durent 1 heure
  • Intégrations : iframe web, badge GitHub, cartes de lien
  • Liens de relecture, commentaires, votes et joplo feedback
  • Clés d'API pour la CI et les scripts
  • Aperçus de PR valables 1 heure (bientôt)
  • Les pages de partage affichent un bandeau du plan gratuit et la barre Joplo
S'inscrire gratuitement

Pro

Recommandé

48 $/ an

Quand les liens doivent continuer à marcher.

  • Les liens de partage n'expirent jamais
  • Ni bandeau du plan gratuit ni barre de marque
  • Republier met à jour le même lien et garde les commentaires de relecture
  • Passez à Pro dans les 7 jours suivant l'expiration et le lien d'origine revient
  • Des limites d'envoi et de publication plus élevées
  • Aperçus de PR valables jusqu'à la fermeture de la PR (bientôt)
  • Liens privés, historique des versions et export dans le cloud (bientôt)
Passer à Pro

Lifetime

99 $paiement unique

Payez une fois et gardez les avantages Pro.

  • Tout ce qu'offre Pro
  • Sans renouvellement
Acheter Lifetime

Prix en USD. Les paiements sont traités par Waffo Pancake en tant que marchand officiel (merchant of record).

FAQ

Questions fréquentes

Des réponses directes sur les tarifs, le partage, les intégrations, les relectures et les agents.

Faites d'abord la démo de votre prochaine fonctionnalité

Écrivez-la, jouez-la et comparez en local. Construisez la vraie version une fois que tout est clair.

Terminal

$ npx joplo@latest init my-demo
S'inscrire gratuitementLire la documentation