diff --git a/README.md b/README.md
index 8df1034..f8dc93f 100644
--- a/README.md
+++ b/README.md
@@ -226,6 +226,9 @@ curl http://localhost:8000/api/media/resource/{md5}
    - 提供了优秀的聊天记录界面设计参考
    - 本项目的聊天界面风格参考了此项目的实现
 
+4. **[vue3-wechat-tool](https://github.com/Ele-Cat/vue3-wechat-tool)** - 微信聊天记录工具（Vue3）
+   - 提供了聊天记录展示与交互的实现参考
+
 ## Star History
 
 [![Star History Chart](https://api.star-history.com/svg?repos=LifeArchiveProject/WeChatDataAnalysis&type=Date)](https://www.star-history.com/#LifeArchiveProject/WeChatDataAnalysis&Date)
diff --git a/frontend/assets/images/wechat/wechat-audio-dark.png b/frontend/assets/images/wechat/wechat-audio-dark.png
new file mode 100644
index 0000000..0fd8b05
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-audio-dark.png differ
diff --git a/frontend/assets/images/wechat/wechat-audio-light.png b/frontend/assets/images/wechat/wechat-audio-light.png
new file mode 100644
index 0000000..25eea47
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-audio-light.png differ
diff --git a/frontend/assets/images/wechat/wechat-redp-icon1.png b/frontend/assets/images/wechat/wechat-redp-icon1.png
new file mode 100644
index 0000000..1a7a439
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-redp-icon1.png differ
diff --git a/frontend/assets/images/wechat/wechat-returned.png b/frontend/assets/images/wechat/wechat-returned.png
new file mode 100644
index 0000000..aadb473
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-returned.png differ
diff --git a/frontend/assets/images/wechat/wechat-trans-icon1.png b/frontend/assets/images/wechat/wechat-trans-icon1.png
new file mode 100644
index 0000000..1a3cc37
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-trans-icon1.png differ
diff --git a/frontend/assets/images/wechat/wechat-trans-icon2.png b/frontend/assets/images/wechat/wechat-trans-icon2.png
new file mode 100644
index 0000000..b9f72da
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-trans-icon2.png differ
diff --git a/frontend/assets/images/wechat/wechat-trans-icon3.png b/frontend/assets/images/wechat/wechat-trans-icon3.png
new file mode 100644
index 0000000..ec91928
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-trans-icon3.png differ
diff --git a/frontend/assets/images/wechat/wechat-trans-icon4.png b/frontend/assets/images/wechat/wechat-trans-icon4.png
new file mode 100644
index 0000000..e246f0e
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-trans-icon4.png differ
diff --git a/frontend/assets/images/wechat/wechat-video-dark.png b/frontend/assets/images/wechat/wechat-video-dark.png
new file mode 100644
index 0000000..4cff094
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-video-dark.png differ
diff --git a/frontend/assets/images/wechat/wechat-video-light.png b/frontend/assets/images/wechat/wechat-video-light.png
new file mode 100644
index 0000000..9be69dc
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-video-light.png differ
diff --git a/frontend/assets/images/wechat/wechat-voice-icon1-dark.png b/frontend/assets/images/wechat/wechat-voice-icon1-dark.png
new file mode 100644
index 0000000..38580c2
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-voice-icon1-dark.png differ
diff --git a/frontend/assets/images/wechat/wechat-voice-icon1-light.png b/frontend/assets/images/wechat/wechat-voice-icon1-light.png
new file mode 100644
index 0000000..fbe9afc
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-voice-icon1-light.png differ
diff --git a/frontend/assets/images/wechat/wechat-voice-icon2-dark.png b/frontend/assets/images/wechat/wechat-voice-icon2-dark.png
new file mode 100644
index 0000000..2889574
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-voice-icon2-dark.png differ
diff --git a/frontend/assets/images/wechat/wechat-voice-icon2-light.png b/frontend/assets/images/wechat/wechat-voice-icon2-light.png
new file mode 100644
index 0000000..1dd5996
Binary files /dev/null and b/frontend/assets/images/wechat/wechat-voice-icon2-light.png differ
diff --git a/frontend/public/image.png b/frontend/public/image.png
new file mode 100644
index 0000000..de4ecc6
Binary files /dev/null and b/frontend/public/image.png differ