I have created a similar tool https://codekeep.io/screenshot, which has pre made templates for code screenshot , for eg: notes - where you have description , title and code, good/evil - which can be used to distinguish between good and bad coding practices, and it can be used along with the service of codekeep, you can store your snippets on codekeep and instantly create screenshot from it.
a short description of codekeep below,
️ CodeKeep, Combining features from Google Keep to better organise your code snippets by tagging them with labels and categorising into folders.Tagline: Organize , Discover and Share Code Snippets. https://codekeep.io
let me know your thought