diff --git a/doc/image/comfymanager.png b/doc/image/comfymanager.png
new file mode 100644
index 0000000..37b9d63
Binary files /dev/null and b/doc/image/comfymanager.png differ
diff --git a/doc/image/connect.png b/doc/image/connect.png
new file mode 100644
index 0000000..95ddf67
Binary files /dev/null and b/doc/image/connect.png differ
diff --git a/doc/image/in-comfy.png b/doc/image/in-comfy.png
new file mode 100644
index 0000000..5dd07c5
Binary files /dev/null and b/doc/image/in-comfy.png differ
diff --git a/readme.md b/readme.md
index e69de29..ef94a6a 100644
--- a/readme.md
+++ b/readme.md
@@ -0,0 +1,25 @@
+# SD-PPP  Photoshop Helper for ComfyUI
+
+## How to use
+1. Use ComfyManager to install sd-ppp
+
+    ![cmanager](doc/image/comfymanager.png)
+
+2. install photoshop plugin
+    1. by CXX:
+        1. download http://<your-comfy-url>/extensions/sd-ppp/sd-ppp_PS.ccx.
+        2. double click it. Or place it to the photoshop plugin directory.
+    2. by UXP develop Tool (you can debug the code by this way):
+        1. clone this repository
+        2. run `npm install` and `npm build` in `photoshop` directory.
+        3. add plugin in UXP Develop Tool by selecting `photoshop/dist/manifest.json`.
+
+3. connect to comfyUI in Photoshop
+
+    ![connect](doc/image/connect.png)
+
+4. add get/send node in ComfyUI
+
+    ![in-comfy](doc/image/in-comfy.png)
+
+    > in current version, each time you add/remove layer in Photoshop, you need to refresh the ComfyUI webpage to get the new layer names for selecting.
\ No newline at end of file