diff --git a/package.json b/package.json
index f5e2e91b9405817855d10f8f8dfaeff963c24648..7a905897f2db32b372bffd2a1806bafb9b902ab1 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
   "scripts": {
     "analyze": "cross-env ANALYZE=1 umi build",
     "build": "umi build",
+    "ui":"umi ui",
     "deploy": "cross-env ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION=site npm run site && npm run gh-pages",
     "docker-hub:build": "docker build  -f Dockerfile.hub -t  ant-design-pro ./",
     "docker-prod:build": "docker-compose -f ./docker/docker-compose.yml build",
diff --git a/src/pages/Welcome.tsx b/src/pages/Welcome.tsx
index c8aad33c395a8d8863b2cdc553d98cd923f0003e..52c8549e8a19423bcf0dc76d9d2259f9637b3466 100644
--- a/src/pages/Welcome.tsx
+++ b/src/pages/Welcome.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Card, Typography } from 'antd';
+import { Card, Typography, Alert } from 'antd';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 
@@ -20,6 +20,16 @@ const CodePreview: React.FC<{}> = ({ children }) => (
 export default (): React.ReactNode => (
   <PageHeaderWrapper>
     <Card>
+      <Alert
+        message="umi ui 现已发布，欢迎使用 npm run ui 启动体验。"
+        type="success"
+        showIcon
+        banner
+        style={{
+          margin: -12,
+          marginBottom: 24,
+        }}
+      />
       <Typography.Text strong>
         <a target="_blank" rel="noopener noreferrer" href="https://pro.ant.design/docs/block">
           <FormattedMessage