Você pode automatizar tutoriais de produtos com precisão pixel-perfect usando um agente na nuvem que tem seu próprio computador e se grava usando o seu aplicativo exatamente como um humano faria (como o Devin). Tecnicamente, isso já era possível há algum tempo, mas com o Opus 5.5 os resultados evoluíram para algo melhor do que aquilo que eu mesmo produzo manualmente.
Eu crio esse tipo de tutorial há mais de 10 anos, então não digo isso da boca para fora. É especialmente útil para aqueles tutoriais básicos, porém essenciais, que não precisam de alguém falando para a câmera. E é 100x mais fácil e rápido.
Resumo:
Seu agente na nuvem já tem o próprio computador. Crie uma conta para ele no seu sistema com tudo configurado, dê acesso à sua documentação, a um guia de estilo e a quaisquer outros recursos necessários.
Depois, basta pedir que ele crie os tutoriais para você, como faria com uma pessoa.
Aqui está um print do meu ambiente ao fazer isso (computador na nuvem logado à direita, prompt à esquerda):
Isso funciona especialmente bem no Devin, que oferece máquinas nativas macOS, Linux e Windows na nuvem, permitindo rodar praticamente qualquer coisa: web apps, aplicativos nativos para iOS, iPad e macOS, programas para Windows e apps Android.
Ele também consegue baixar qualquer aplicativo, fazer login em qualquer app ou serviço, acessar credenciais com segurança e usar qualquer ferramenta que um humano usaria.
Ou seja, você pode criar esses mesmos tutoriais para o seu app de iPhone, app de Android etc...
Quando você encontra um bom fluxo de trabalho, pode produzir essas demos para literalmente todas as funcionalidades que quiser, em paralelo, já que os agentes na nuvem conseguem iniciar centenas ou até milhares de computadores próprios simultaneamente.
É possível automatizar o processo para que, sempre que um novo changelog for publicado, a criação dos vídeos seja disparada ao mesmo tempo.
Inclusive, o próprio Devin fez um tutorial mostrando como fazer isso com ele!
Testes e validação
Tudo isso se baseia em algo que o Devin já faz todos os dias: testar aplicativos de ponta a ponta, executando cada etapa e gravando um vídeo de todo o processo, com anotações na tela que destacam onde ele clica e digita.
Como se trata apenas de um computador, nada é simulado (mocked). Ele instala o app, faz login e o utiliza de verdade.
Um tutorial é basicamente essa mesma execução com um guia de estilo por cima, o que significa que ele já chega validado e funcionando antes mesmo de você publicá-lo.
Aqui está um tutorial criado pelo Devin mostrando como isso funciona!
Melhor na maioria dos aspectos
O software evolui num ritmo frenético, e é quase impossível manter os tutoriais em vídeo atualizados sem contratar um exército de criadores de conteúdo.
Todas as empresas de software em que trabalhei e que tinham documentação voltada para o público externo falharam em escalar isso. Sempre foi um desafio (impossível) manter esse tipo de vídeo atualizado.
Para um humano, criar esses vídeos é um processo extremamente maçante. Há tantos pequenos detalhes para acertar que manter a consistência é muito difícil.
Já os computadores são absurdamente bons em consistência.
Eles conseguem, via programação, manter cada frame padronizado, borrar informações que não devem ser vistas, definir bordas, tamanhos de fonte e margens — enfim, qualquer coisa.
Parece que chegamos ao ponto de virada em que não sinto mais que os tutoriais feitos por humanos desse tipo sejam melhores; talvez eu esteja dizendo, na verdade, que eles são objetivamente piores.
Outro exemplo:
O prompt
Aqui está o prompt: https://gist.github.com/dabit3/5d3969b61db56dc150c161b46350584a
Vale destacar que este é o pior resultado que você vai ver.
Mal refinei esse prompt ou fluxo de trabalho e acredito que, com um pouquinho mais de capricho, você conseguiria resultados impossíveis de distinguir de um tutorial polido e produzido profissionalmente.
Vídeos de lançamento e outras aplicações
Obviamente, você pode aplicar essa mesma técnica a qualquer coisa, sendo os vídeos de lançamento o uso mais evidente. Aqui estão algumas coisas que consegui alcançar com abordagens parecidas.
A maioria delas mantém a identidade visual da nossa marca, mas sem perder a criatividade:
E estes aqui saíram um pouco do roteiro, mas ainda assim ficaram bem legais:
