Ви можете автоматизувати створення ідеальних до пікселя продуктових туторіалів за допомогою хмарного агента, який має власний комп'ютер і записує себе під час роботи у вашому додатку так само, як це робила б людина (як-от Devin). Технічно це було можливо вже досить давно, але з Opus 5.5 результати вийшли на рівень, що перевершує те, що я роблю вручну.
Я створюю подібні туторіали вже понад 10 років, тому кажу це не просто так. Це особливо корисно для базових, але важливих інструкцій, де не потрібне обличчя ведучого в кадрі. І це в 100 разів простіше та швидше.
Коротко про головне:
Ваш хмарний агент уже має власний комп'ютер. Створіть для нього акаунт у своїй системі з усіма налаштуваннями, дайте доступ до документації, гайдлайнів щодо стилю та будь-яких інших ресурсів.
А потім просто попросіть його створити для вас туторіали — так само, як ви б просили людину.
Ось скриншот мого робочого середовища під час цього процесу (праворуч — відкрита сесія хмарного комп'ютера, ліворуч — промпт):
Найкраще це працює саме в Devin, адже там є нативні машини з macOS, Linux та Windows у хмарі, тож він може запустити практично будь-що: вебдодатки, нативні програми для iOS, iPad і macOS, додатки для Windows та Android.
Він також може завантажити будь-який додаток, авторизуватися в ньому чи в будь-якому сервісі, безпечно отримати доступ до облікових даних і використовувати ті самі інструменти, що й людина.
Тож ви можете створювати такі ж точні туторіали для свого додатка на iPhone, Android тощо...
Щойно ви налагодите хороший робочий процес, зможете паралельно створювати такі демо буквально для кожної функції, яку захочете, адже хмарні агенти здатні одночасно запускати сотні або навіть тисячі власних комп'ютерів.
Цей процес можна повністю автоматизувати: щойно публікується новий список змін (changelog), одразу запускається генерація відео.
До речі, Devin навіть зробив туторіал, щоб показати вам, як це реалізувати за допомогою Devin!
Тестування та перевірка
Усе це базується на тому, що Devin і так робить щодня: він тестує додатки наскрізь (end-to-end), запускаючи все підряд і записуючи відео всього процесу з анотаціями на екрані, підсвічуючи місця, де він клікає та вводить текст.
Оскільки це звичайний комп'ютер, тут немає жодних моків чи симуляцій. Він встановлює додаток, входить в акаунт і реально ним користується.
Туторіал — це, по суті, той самий прогон, але з накладеними гайдлайнами стилю. Тож перш ніж ви його опублікуєте, він уже перевірений на працездатність.
Ось туторіал, створений Devin, який демонструє, як це працює!
Краще майже в усьому
Програмне забезпечення розвивається надзвичайно швидко, і підтримувати відеоінструкції в актуальному стані майже неможливо, якщо не найняти цілу армію відеомейкерів.
Жодна софтверна компанія, де я працював і яка мала публічну документацію, не змогла масштабувати цей процес. Підтримувати такі відео завжди було викликом (або взагалі нереально).
Коли людина створює такі відео вручну, процес виявляється дуже виснажливим. Треба врахувати безліч дрібниць, тому витримати єдиний стиль надзвичайно складно.
А от комп'ютери справляються з одноманітністю просто чудово.
Вони можуть програмно контролювати кожен кадр, заблюрювати інформацію, яку не варто показувати, задавати рамки, розміри шрифтів, відступи — загалом усе що завгодно.
Схоже, ми досягли переломного моменту, коли я більше не вважаю, що створені людьми туторіали такого типу кращі. Або, можливо, варто сказати прямо: вони об'єктивно гірші.
Ще один приклад:
Промпт
Ось сам промпт: https://gist.github.com/dabit3/5d3969b61db56dc150c161b46350584a
Варто зазначити: гірше, ніж зараз, результат уже ніколи не буде.
Я майже не доопрацьовував цей промпт чи робочий процес, і впевнений: якщо докласти ще трохи зусиль, можна отримати результат, який не відрізнити від якісного, професійно змонтованого туторіалу.
Лонч-відео та інші штуки
Зрозуміло, цю саму техніку можна застосувати до чого завгодно, і найочевидніше — до лонч-відео. Ось кілька речей, які мені вдалося зробити за допомогою схожих підходів.
Більшість із них мають загальний стиль нашого бренду, але водночас виглядають креативно:
А ці пішли трохи в різнобій, але все одно вийшли досить крутими:
