diff --git a/.github/workflows/ui-upload.yml b/.github/workflows/ui-upload.yml
new file mode 100644
index 0000000000..a1c925f4be
--- /dev/null
+++ b/.github/workflows/ui-upload.yml
@@ -0,0 +1,48 @@
+# Upload 📷 UI snapshots to argos server, help visual regression testing.
+
+name: UI Upload
+
+on:
+  workflow_run:
+    workflows: ["📷 UI"]
+    types:
+      - completed
+
+jobs:
+  upload-ui:
+    name: deploy preview
+    runs-on: ubuntu-latest
+    if: >
+      github.event.workflow_run.conclusion == 'success'
+    steps:
+      - name: Download commit artifact
+        uses: dawidd6/action-download-artifact@v2
+        with:
+          workflow: ${{ github.event.workflow_run.workflow_id }}
+          name: commit
+
+      - name: Save commit id
+        id: commit
+        run: echo "::set-output name=id::$(<commit.txt)"
+
+      - name: Download branch artifact
+        uses: dawidd6/action-download-artifact@v2
+        with:
+          workflow: ${{ github.event.workflow_run.workflow_id }}
+          name: branch
+
+      - name: Save branch id
+        id: branch
+        run: echo "::set-output name=id::$(<branch.txt)"
+
+      - name: Download snapshots artifact
+        uses: dawidd6/action-download-artifact@v2
+        with:
+          workflow: ${{ github.event.workflow_run.workflow_id }}
+          workflow_conclusion: success
+          name: snapshots
+
+      - name: Upload argos-ci
+        id: deploy
+        run: |
+          npx argos-cli upload ./ --token ${{ secrets.ARGOS_TOKEN }} --branch ${{ steps.branch.outputs.id }} --commit ${{ steps.commit.outputs.id }}
diff --git a/.github/workflows/ui.yml b/.github/workflows/ui.yml
new file mode 100644
index 0000000000..032174ed08
--- /dev/null
+++ b/.github/workflows/ui.yml
@@ -0,0 +1,57 @@
+name: 📷 UI
+
+on:
+  pull_request:
+  push:
+    branches:
+      - master
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@master
+
+      - name: install
+        run: npm install
+
+      - name: test
+        run: npm run test-image
+
+      - name: upload snapshots artifact
+        uses: actions/upload-artifact@v2
+        with:
+          name: snapshots
+          path: imageSnapshots/
+          retention-days: 3
+
+      - name: Save commit
+        if: github.event_name == 'pull_request' && github.base_ref == 'master'
+        run: echo ${{ github.event.pull_request.head.sha }} > ./commit.txt
+
+      - name: Save commit
+        if: github.event_name == 'push'
+        run: echo ${{ github.sha }} > ./commit.txt
+
+      - name: Upload commit
+        if: ${{ always() }}
+        uses: actions/upload-artifact@v2
+        with:
+          name: commit
+          path: ./commit.txt
+
+      - name: Save branch
+        if: github.event_name == 'pull_request' && github.base_ref == 'master'
+        run: echo pull/${{ github.event.pull_request.number }}/merge > ./branch.txt
+
+      - name: Save branch
+        if: github.event_name == 'push'
+        run: echo ${GITHUB_REF##*/} > ./branch.txt
+
+      - name: Upload branch
+        if: ${{ always() }}
+        uses: actions/upload-artifact@v2
+        with:
+          name: branch
+          path: ./branch.txt