diff --git a/.dumi/remarkAntd.ts b/.dumi/remarkAntd.ts
new file mode 100644
index 0000000000..85970e2c01
--- /dev/null
+++ b/.dumi/remarkAntd.ts
@@ -0,0 +1,12 @@
+import { unistUtilVisit } from 'dumi';
+
+export default function remarkMeta() {
+  return (tree, vFile) => {
+    // read frontmatter
+    unistUtilVisit.visit(tree, 'yaml', (node) => {
+      if (!/(^|[\n\r])description:/.test(node.value)) {
+        vFile.data.frontmatter.__autoDescription = true;
+      }
+    });
+  };
+}
diff --git a/.dumi/theme/slots/Content/index.tsx b/.dumi/theme/slots/Content/index.tsx
index 27ed8186d2..3e6c48388f 100644
--- a/.dumi/theme/slots/Content/index.tsx
+++ b/.dumi/theme/slots/Content/index.tsx
@@ -220,9 +220,7 @@ const Content: React.FC<{ children: ReactNode }> = ({ children }) => {
               </Space>
             </Typography.Paragraph>
           ) : null}
-          {pathname.startsWith('/components') &&
-            meta.frontmatter.description !== meta.texts[0]?.value &&
-            meta.frontmatter.description}
+          {!meta.frontmatter.__autoDescription && meta.frontmatter.description}
           {children}
           {meta.frontmatter.filename && (
             <ContributorsList
diff --git a/.dumirc.ts b/.dumirc.ts
index b8538dbd24..e8cc71af14 100644
--- a/.dumirc.ts
+++ b/.dumirc.ts
@@ -1,6 +1,7 @@
 import { defineConfig } from 'dumi';
 import path from 'path';
 import rehypeAntd from './.dumi/rehypeAntd';
+import remarkAntd from './.dumi/remarkAntd';
 import { version } from './package.json';
 
 export default defineConfig({
@@ -33,6 +34,7 @@ export default defineConfig({
     antd: require.resolve('./.dumi/theme/antd.js'),
   },
   extraRehypePlugins: [rehypeAntd],
+  extraRemarkPlugins: [remarkAntd],
   extraBabelPresets: ['@emotion/babel-preset-css-prop'],
   mfsu: false,
   metas: [{ name: 'theme-color', content: '#1677ff' }],