Открытый код · Apache-2.0Локально бесплатно · Публикация одной командой · Итоги обсуждения — агенту

Сначала покажите, потом решите, потом стройте

Пишите на TS/TSX кликабельные прототипы, которые можно проигрывать, и сравнивайте варианты на локальной доске. Делитесь ими или встраивайте одной командой, пусть команда голосует и принимает решение по ссылке на обсуждение, а агент обновляет исходники через joplo feedback.

Терминал

$ npx joplo@latest init my-demo$ npx joplo dev --open$ npx joplo share --review✓ Версия для обсуждения опубликована → https://joplo.app/s/…$ npx joplo feedback2 решения ждут внесения → передать агенту
Доска Joplo проигрывает демо: слева варианты A и B, в центре прототип, внизу шкала шагов.

Как это работает

От исходников к решению и обратно

Главное — исходные файлы, историю хранит Git. Замечания не теряются в чате: агент вносит принятые решения в тот же TSX, и вы публикуете новую версию.

  1. 01

    Пишете TS/TSX

    Экраны, варианты, случаи и сценарии лежат в исходных файлах, рядом с кодом.

    options/a.tsx
  2. 02

    Сравниваете и проигрываете на доске

    Переключайтесь между вариантами A и B, смотрите, какие случаи покрывает каждый, и проигрывайте демо по шагам.

    npx joplo dev --open
  3. 03

    Делитесь или публикуете версию для обсуждения

    Обычная ссылка показывает только выбранный вариант. Версия для обсуждения содержит все варианты, а правила и вопросы видят только участники обсуждения.

    npx joplo share --review
  4. 04

    Обсуждаете, голосуете, решаете

    Участники комментируют рядом с демо, указывают на элементы и голосуют. Вы выбираете вариант, подтверждаете или отклоняете правила и отвечаете на вопросы.

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

    Агент вносит решения

    Агент забирает ещё не внесённые решения и комментарии, правит исходники, запускает check и отмечает решения как внесённые.

    npx joplo feedback

Назад к шагу 2: когда правки готовы, снова запустите npx joplo share --review. На Pro обновится та же ссылка на обсуждение, а комментарии и голоса сохранятся.

Возможности

От первого прототипа до последней правки агента

01

Пишете демо

Экраны, варианты, случаи и сценарии — это TS/TSX в Git. Вы и агент правите одни и те же исходники.

  • Компоненты, переходные карточки, несколько ролей и потоковый вывод агента
  • joplo check выводит по одной строке на проблему — агенту легко читать
features/invite/options/a-modal.tsx
export default option({  name: 'A · Приглашение одного человека по почте',  tradeoffs: ['Самый короткий путь', 'Только одно приглашение за раз'],});flow('Админ отправляет приглашение')  .click('btn_invite', 'Открыть окно приглашения')  .type('in_email', '[email protected]')  .select('sel_role', 'Редактор', uses('role_cap'))  .click('btn_send', 'Отправить приглашение');

02

Сравниваете варианты

Напишите варианты A и B для одной функции. Доска показывает покрытие каждого варианта по случаям, так что пробелы и открытые вопросы видны сразу.

  • Проигрывание по шагам; субтитры, камера и слои следуют сценарию
  • ⌥ + клик по элементу передаёт агенту файл и строку
Доска Joplo: слева варианты A и B с покрытием по случаям, справа прототип.

03

Делитесь и встраиваете

npx joplo share публикует ссылку joplo.app/s/…. Встройте её в блог, документацию или README: посетители сначала видят обложку, а потом запускают демо или открывают на весь экран.

  • Веб-iframe, значок для GitHub и карточки ссылок — на любом аккаунте
  • Бесплатные ссылки живут 1 час, ссылки Pro — без срока
Встроенное демо Joplo проигрывается: внизу субтитры и компактная панель управления для пошагового просмотра и полного экрана.

04

Обсуждаете и возвращаете агенту

Отправьте ссылку на обсуждение. Коллеги комментируют рядом с демо, указывают на элементы и голосуют. Когда вы решили, агент получает решения через npx joplo feedback и обновляет исходники.

  • Правила и открытые вопросы видны только по ссылке на обсуждение
  • Комментировать и голосовать можно после входа; решает только автор
~/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: Запрещать только повторную отправку в течение минутыUnresolved comments (1):  [c_7xw1] scenario invite.a-modal.success · step 2 — Чэнь      Может, назвать кнопку «Пригласить коллег»?Next: update the source as decided, run npx joplo check,then npx joplo feedback --applied d_8f2k,d_3m9q

05Скоро

CI и превью для PR

Публикуйте из CI с API-ключом, без входа с устройства. Когда откроется Joplo GitHub App, к каждому PR будет приходить комментарий с превью, а ссылка истечёт после закрытия PR.

  • API-ключи работают уже сейчас: ограниченные права, по умолчанию 90 дней
  • Превью для PR: на Free 1 час, на Pro — до закрытия PR
.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 }}

Примеры

Посмотрите, что можно объяснить с Joplo

От админок B2B и мобильных приложений до архитектуры бэкенда и технических статей. Каждый пример проигрывается прямо здесь — так же, как если бы вы встроили его на свою страницу.

Все примеры

Цены

Локально бесплатно, совместная работа — для всех

Создание, проверка и сборка в CLI ничего не стоят, а встраивание, обсуждения и API-ключи есть в любом аккаунте. Pro — это бессрочные ссылки и более высокие лимиты.

Free

0 $

Чтобы показать коллеге или провести обсуждение.

  • Полный локальный CLI, открытый и бесплатный
  • Публикация после входа; ссылки живут 1 час
  • Встраивание: веб-iframe, значок для GitHub, карточки ссылок
  • Ссылки на обсуждение, комментарии, голосование и joplo feedback
  • API-ключи для CI и скриптов
  • Превью для PR на 1 час (скоро)
  • На странице публикации видны отметка бесплатного тарифа и панель Joplo
Зарегистрироваться бесплатно

Pro

Рекомендуем

48 $/ год

Когда ссылки должны работать всегда.

  • Ссылки без срока действия
  • Без отметки бесплатного тарифа и панели бренда
  • Повторная публикация обновляет ту же ссылку, комментарии обсуждения сохраняются
  • Перейдите на Pro в течение 7 дней после истечения — и прежняя ссылка вернётся
  • Более высокие лимиты загрузки и публикаций
  • Превью для PR до закрытия PR (скоро)
  • Приватные ссылки, история версий и экспорт в облаке (скоро)
Перейти на Pro

Lifetime

99 $разовый платёж

Заплатите один раз и пользуйтесь возможностями Pro.

  • Всё, что есть в Pro
  • Без продлений
Купить Lifetime

Цены в долларах США. Платежи обрабатывает Waffo Pancake в роли merchant of record.

Вопросы и ответы

Частые вопросы

Прямые ответы о ценах, публикациях, встраивании, обсуждениях и агентах.

Покажите следующую функцию сначала в демо

Напишите, проиграйте и сравните локально. Настоящий код — когда всё станет ясно.

Терминал

$ npx joplo@latest init my-demo