diff --git a/README.md b/README.md
index f4bbd31..6c1cb9b 100644
--- a/README.md
+++ b/README.md
@@ -93,6 +93,14 @@ Essential components:
 - you can find it in right mouse menu : `ymc/caption`
 - ~~you can find it in right mouse menu : `utils/ymc/caption` (as alias)~~
 
+## Demo
+<!-- inject demo here -->
+- workflow demo:
+<div style="text-align: center;">
+  <img src="./shotscreen/nodes.demo.png" alt="console" width="256">
+</div>
+
+
 ## Based-on
 
 - pypi package [yors_comfyui_node_setup](https://pypi.org/project/yors_comfyui_node_setup/) -  setup comfyui custom nodes easily
diff --git a/docs.template.md b/docs.template.md
index d3feb72..2d4bf16 100644
--- a/docs.template.md
+++ b/docs.template.md
@@ -43,6 +43,10 @@ git clone https://github.com/ymc-github/{node_name}
 - you can find it in right mouse menu : `{node_right_menu}`
 - ~~you can find it in right mouse menu : `utils/{node_right_menu}` (as alias)~~
 
+## Demo
+<!-- inject demo here -->
+<!-- inject-demos -->
+
 ## Based-on
 
 - pypi package [yors_comfyui_node_setup](https://pypi.org/project/yors_comfyui_node_setup/) -  setup comfyui custom nodes easily
diff --git a/docs/demos.md b/docs/demos.md
new file mode 100644
index 0000000..1edd304
--- /dev/null
+++ b/docs/demos.md
@@ -0,0 +1,4 @@
+- workflow demo:
+<div style="text-align: center;">
+  <img src="./shotscreen/nodes.demo.png" alt="console" width="256">
+</div>