Caramba, muito bom... Vou tirar um dia para testar. Sempre tive uma dúvida como se faz uma extensão? Como compilar? Deve usar algum kit de desenvolvimento?

Opa, tudo bem?

Também já trabalhei com extensões e no momento estou desenvolvendo uma para lembrar de tomar água (é simples mesmo... Mas eu tenho hiperfoco e acabo esquecendo de comer entre outras coisas).

Como o autor do post falou, é possível criar extensões com html, js e css. Logo, você também pode utilizar webpack para poder usar Frameworks como react - bem, se é JS, você pode usar hehehehe.

Aqui tem o boilerplate que meu professor utiliza (que no fim forkei também).

Fala Saulo, explicando bem por cima, você pode criar uma extensão como uma página web normal, com o html + css + javascript. O que faz ser identificada pelo browser e rodar como extensão é o manifesto manifest.json na raiz do projeto, indicando onde fica o html e script do popup, serviços que rodam em background, etc..

A MDN explica aqui como fazer sua primeira extensão.

Também tem um conteúdo legal no Chrome for Developers