Manuscript – extensão de navegador para criar demonstrações web e manuais que não quebram mesmo quando a página muda
(zendy00.github.io)É uma extensão de navegador para criar demonstrações passo a passo, manuais e guias de onboarding sobre páginas web (Chrome e Edge). Você clica nos elementos que quer destacar, adiciona spotlight, notas e setas desenhadas à mão, e reproduz a apresentação.
Ao criar, o foco foi colocado em dois pontos. As ferramentas existentes quebram o guia quando a página muda só um pouco, e o resultado fica preso na nuvem, dificultando o controle de versão. Queríamos resolver essas duas questões de outra forma.
Diferenciais
- Quase não quebra. A extensão memoriza o elemento de cada etapa em 3 camadas — atributos estáveis (
data-testid·id·aria-label) → texto e estrutura ao redor → coordenadas e texto adjacente. Se uma camada falhar, faz fallback para a próxima. - O resultado é um único arquivo JSON. Dá para fazer commit no git, revisar diff em PR e gerenciar tudo ao lado do código. Sem lock-in de nuvem.
- Não mexe no código do site alvo. A extensão funciona apenas dentro do navegador, então dá para criar em qualquer lugar: no seu produto, no site de clientes ou em SaaS externo.
Também há recursos de narração por voz (TTS), janela do apresentador, gravação de tela e compartilhamento de cenários via repositório no GitHub.
Ainda não há comentários.