diff --git a/.github/workflows/deploy-prd.yml b/.github/workflows/deploy-prd.yml
new file mode 100644
index 0000000..3c228c3
--- /dev/null
+++ b/.github/workflows/deploy-prd.yml
@@ -0,0 +1,34 @@
+name: Deploy production
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+
+  deploy-package:
+    name: Deploy package
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - uses: actions/checkout@v2
+        with:
+          repository: darwinia-network/devops
+          path: .github/actions
+
+      - uses: ./.github/actions/smart-vercel
+        name: Deploy app
+        with:
+          vercel_token: ${{ secrets.VERCEL_TOKEN }}
+          vercel_group: itering
+          preview_output: true
+          prod_mode: true
+          project_name: "crosschain-ui"
+          script_run: false
+          dist_path: .
+          enable_notify_slack: true
+          slack_channel: darwinia-apps
+          slack_webhook: ${{ secrets.SLACK_INCOMING_WEBHOOK_URL }}
+
diff --git a/.github/workflows/deploy-stg.yml b/.github/workflows/deploy-stg.yml
new file mode 100644
index 0000000..65c6de0
--- /dev/null
+++ b/.github/workflows/deploy-stg.yml
@@ -0,0 +1,33 @@
+name: Deploy staging
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+jobs:
+  deploy-package:
+    name: Deploy package
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - uses: actions/checkout@v2
+        with:
+          repository: darwinia-network/devops
+          path: .github/actions
+
+      - uses: ./.github/actions/smart-vercel
+        name: Deploy app
+        with:
+          vercel_token: ${{ secrets.VERCEL_TOKEN }}
+          vercel_group: itering
+          preview_output: true
+          alias_domain: "crosschain-stg"
+          project_name: "crosschain-ui"
+          script_run: false
+          dist_path: .
+          enable_notify_slack: true
+          slack_channel: darwinia-apps
+          slack_webhook: ${{ secrets.SLACK_INCOMING_WEBHOOK_URL }}
+