diff --git a/docs/assets/img/product_pics/core/minicore/m5stickt/m5stick_T_01.jpg b/docs/assets/img/product_pics/core/minicore/m5stickt/m5stick_T_01.jpg
index b3da2ace..aa75cb9f 100644
Binary files a/docs/assets/img/product_pics/core/minicore/m5stickt/m5stick_T_01.jpg and b/docs/assets/img/product_pics/core/minicore/m5stickt/m5stick_T_01.jpg differ
diff --git a/docs/assets/img/product_pics/hat/spk_hat/spk.png b/docs/assets/img/product_pics/hat/spk_hat/spk.png
index 9d8f8e99..db898499 100644
Binary files a/docs/assets/img/product_pics/hat/spk_hat/spk.png and b/docs/assets/img/product_pics/hat/spk_hat/spk.png differ
diff --git a/docs/en/quick_start/atom/atom_quick_start.md b/docs/en/quick_start/atom/atom_quick_start.md
new file mode 100644
index 00000000..a26d0fcd
--- /dev/null
+++ b/docs/en/quick_start/atom/atom_quick_start.md
@@ -0,0 +1,52 @@
+# Atom UIFlow Quick Start {docsify-ignore-all}
+
+## Menu
+
+**[1. Menu option introduction](#Menu option introduction)**
+
+**[2. Meaning of light status](#Meaning of light status)**
+
+**[3. Menu Usage](#Menu Usage)**
+
+**[4. UIFlow Example](#UIFlow Example)**
+
+
+## Menu option introduction
+
+The breathing light changes color every second in this state
+
+- YELLOW Light
+**Configure WIFI Mode**
+
+- GREEN Light
+**UIFlow Online Program Mode**
+
+- PURPLE Light
+**APP Run Mode**
+
+- BLUE Light
+**USB Mode**
+
+## Meaning of light status
+
+- Breathing  red-light means the WIFI network is connecting
+
+- Steady red-light means WIFI connection failed, press the middle button to reconnect
+
+- Breathing  green-light indicates that the UIFLow server is connected normally
+
+- Steady blue-light means the UIFlow server is not connected properly
+
+- Breathing  blue-light to indicate that USB mode has been entered
+
+- Steady yellow-light indicates that WEB network configuration is required 
+
+## Menu Usage
+
+1.	After burning the UIFlow firmware, the device enters the WEB distribution mode by default (the yellow-light is always on). At this time, Atom will automatically issue a WIFI hotspot, such as M5Stack-XXXX. Connect to this WIFI and open the browser. Enter 192.168.4.1 to enter the web configuration page. Enter The SSID and password are used for network connection. At this time, the red light flashes. After the connection is successful, the blue light stays on briefly (UIFlow server is not connected). When the green light flashes, the UIFlow server is connected normally. At this time, online programming can be performed.
+<br>
+
+2.	The device enters the last selected mode by default upon power-on. If you need to change the mode, just press and hold the middle button during power-on (or restart). The menu mode will automatically scroll in the form of lights until the lights change to the desired mode Release the color. For example, you need to reconfigure WIFI. When the device is powered on or restarted, press and hold the middle button until it is released when the yellow-light  breathing is displayed, and then enter WIFI configuration mode.
+<br>
+
+### UIFlow示例
\ No newline at end of file
diff --git a/docs/zh_CN/core/atom_matrix.md b/docs/zh_CN/core/atom_matrix.md
index cf8afe25..933f2876 100644
--- a/docs/zh_CN/core/atom_matrix.md
+++ b/docs/zh_CN/core/atom_matrix.md
@@ -77,6 +77,8 @@
 
 *To get the code, please click [here](https://github.com/m5stack/M5Atom)。*
 
+### 2. UIFlow
+
 ## 相关链接
 
 - **数据手册**
diff --git a/docs/zh_CN/quick_start/atom/atom_quick_start.md b/docs/zh_CN/quick_start/atom/atom_quick_start.md
new file mode 100644
index 00000000..72bd3f5f
--- /dev/null
+++ b/docs/zh_CN/quick_start/atom/atom_quick_start.md
@@ -0,0 +1,54 @@
+# Atom UIFlow上手指南 {docsify-ignore-all}
+
+## 目录
+
+**[1. 菜单选项介绍](#菜单选项介绍)**
+
+**[2. 灯光状态含义](#灯光状态含义)**
+
+**[3. 菜单使用方法](#使用方法)**
+
+**[4. UIFlow示例](#UIFlow示例)**
+
+
+## 菜单选项介绍
+
+- 黄灯
+**配置WIFI模式**
+
+- 绿灯
+**UIFlow在线模式**
+
+- 紫灯
+**APP运行模式**
+
+- 蓝灯
+**USB模式**
+
+## 灯光状态含义
+
+- 红灯闪烁表示WIFI网络正在连接
+
+- 红灯常亮表示WIFI连接失败，按下中间按键可重新连接
+
+- 绿灯闪烁表示UIFLow服务器连接正常
+
+- 蓝灯常亮表示UIFlow服务器未正常连接
+
+- 蓝灯闪烁表示已进入USB模式
+
+- 黄灯常亮表示需要WEB网络配置 
+
+## 使用方法
+
+1.	烧录完UIFlow固件设备默认进入WEB配网模式（黄灯常亮），此时Atom会自动发出WIFI热点，比如M5Stack-XXXX，连接此WIFI并打开浏览器输入192.168.4.1进入web配置页面，输入SSID和密码进行网络连接，此时红灯闪烁，连接成功后蓝灯短暂常亮(UIFlow服务器未连接)待到绿灯闪烁时表示UIFlow服务器连接正常，此时可进行在线编程。
+<br>
+
+2.	设备通电默认进入最后一次选择的模式，如需改变模式，只需在上电时（或重启时）按住中间按键不要松开，菜单模式以灯光的形式自动滚动，等到灯光变换为所需模式颜色时再松开。例如需要重新配置WIFI，设备上电或重启时按住中间按键不放，直到显示黄色呼吸灯时松开，此时即进入WIFI配置模式。
+<br>
+
+### UIFlow示例
+
+
+
+