🎨 Adds screenshots to documentation

README.md

@@ -16,6 +16,8 @@
 
 Flow-based programming for the Internet of Things.
 
+![Node-RED in the Home Assistant Frontend](images/screenshot.png)
+
 ## About
 
 Node-RED is a programming tool for wiring together hardware devices,

node-red/.README.j2

@@ -15,10 +15,12 @@ APIs and online services in new and interesting ways.
 
 It provides a browser-based editor that makes it easy to wire together flows
 using the wide range of nodes in the palette that can be deployed to its
-runtime in a single-click.
+runtime in a single click.
 
 [Click here for the full documentation][docs]
 
+![Node-RED in the Home Assistant Frontend][screenshot]
+
 {% if channel == "edge" %}
 ## WARNING! THIS IS AN EDGE VERSION!
 
@@ -69,3 +71,4 @@ If you are more interested in stable releases of our add-ons:
 [docs]: {{ repo }}/blob/{{ version }}/README.md
 [buymeacoffee-shield]: https://www.buymeacoffee.com/assets/img/guidelines/download-assets-sm-2.svg
 [buymeacoffee]: https://www.buymeacoffee.com/frenck
+[screenshot]: https://github.com/hassio-addons/addon-node-red/raw/master/images/screenshot.png