From 5d8d040ed626e45b221c4315d2ed8cec1b7d0283 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 21 Nov 2024 23:20:51 +0800
Subject: [PATCH 1/4] docs: Update README-zh_CN.md (#197)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 🏎️ Imer <98121322+YumoImer@users.noreply.github.com>
---
 README-zh_CN.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README-zh_CN.md b/README-zh_CN.md
index a2bcebee..a606406e 100644
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@@ -8,7 +8,7 @@
 
 [![CI status][github-action-image]][github-action-url] [![codecov][codecov-image]][codecov-url] [![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url]
 
-[Changelog](./CHANGELOG.zh-US.md) · [Report Bug][github-issues-bug-report] · [Request Feature][github-issues-feature-request] · English · [中文](./README-zh_CN.md)
+[Changelog](./CHANGELOG.zh-US.md) · [Report Bug][github-issues-bug-report] · [Request Feature][github-issues-feature-request] · [English](./README.md) · 中文
 
 [npm-image]: https://img.shields.io/npm/v/@ant-design/x.svg?style=flat-square
 [npm-url]: https://npmjs.org/package/@ant-design/x

From 669678afdcd71a4f4879aaa806e7d1a321f486b6 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 22 Nov 2024 00:15:36 +0800
Subject: [PATCH 2/4] docs: fix documentation contributor list (#200)

---
 .dumi/theme/slots/Content/Contributors.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.dumi/theme/slots/Content/Contributors.tsx b/.dumi/theme/slots/Content/Contributors.tsx
index 9facb809..201402fb 100644
--- a/.dumi/theme/slots/Content/Contributors.tsx
+++ b/.dumi/theme/slots/Content/Contributors.tsx
@@ -1,8 +1,8 @@
-import React, { useContext } from 'react';
 import ContributorsList from '@qixian.cs/github-contributors-list';
 import { createStyles } from 'antd-style';
 import classNames from 'classnames';
 import { useIntl } from 'dumi';
+import React, { useContext } from 'react';
 
 import SiteContext from '../SiteContext';
 import ContributorAvatar from './ContributorAvatar';
@@ -54,7 +54,7 @@ const Contributors: React.FC<ContributorsProps> = ({ filename }) => {
       <div className={styles.title}>{formatMessage({ id: 'app.content.contributors' })}</div>
       <ContributorsList
         cache
-        repo="ant-design"
+        repo="x"
         owner="ant-design"
         fileName={filename}
         className={styles.list}

From 19905d92eca7fc8165adc011fca7f32cf0d2cc50 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 22 Nov 2024 00:15:58 +0800
Subject: [PATCH 3/4] docs: sync .dumi from antd (#198)

---
 .../builtins/Previewer/DesignPreviewer.tsx    |   4 +
 .../ComponentChangelog/ComponentChangelog.tsx | 146 +++++++++++-------
 .../theme/common/ComponentChangelog/index.tsx |   7 +-
 .dumi/theme/slots/Content/Contributors.tsx    |   5 +-
 .dumi/theme/slots/Content/index.tsx           |  13 +-
 5 files changed, 105 insertions(+), 70 deletions(-)

diff --git a/.dumi/theme/builtins/Previewer/DesignPreviewer.tsx b/.dumi/theme/builtins/Previewer/DesignPreviewer.tsx
index 387bc284..74432c15 100644
--- a/.dumi/theme/builtins/Previewer/DesignPreviewer.tsx
+++ b/.dumi/theme/builtins/Previewer/DesignPreviewer.tsx
@@ -41,6 +41,10 @@ const useStyle = createStyles(({ token, css }) => ({
   `,
   copyTip: css`
     color: ${token.colorTextTertiary};
+    border: none;
+    background: transparent;
+    padding: 0;
+    cursor: pointer;
   `,
   copiedTip: css`
     .anticon {
diff --git a/.dumi/theme/common/ComponentChangelog/ComponentChangelog.tsx b/.dumi/theme/common/ComponentChangelog/ComponentChangelog.tsx
index 0be3e539..1f0587b1 100644
--- a/.dumi/theme/common/ComponentChangelog/ComponentChangelog.tsx
+++ b/.dumi/theme/common/ComponentChangelog/ComponentChangelog.tsx
@@ -1,5 +1,5 @@
 import { BugOutlined } from '@ant-design/icons';
-import { Drawer, Grid, Popover, Timeline, Typography } from 'antd';
+import { Button, Drawer, Flex, Grid, Popover, Tag, Timeline, Typography } from 'antd';
 import type { TimelineItemProps } from 'antd';
 import { createStyles } from 'antd-style';
 import React, { cloneElement, isValidElement } from 'react';
@@ -35,6 +35,11 @@ function matchDeprecated(v: string): MatchDeprecatedResult {
 }
 
 const useStyle = createStyles(({ token, css }) => ({
+  listWrap: css`
+    > li {
+      line-height: 2;
+    }
+  `,
   linkRef: css`
     margin-inline-start: ${token.marginXS}px;
   `,
@@ -71,15 +76,30 @@ const useStyle = createStyles(({ token, css }) => ({
     position: 'relative',
     [`> ${token.antCls}-drawer-body`]: {
       scrollbarWidth: 'thin',
-      scrollbarColor: 'unset',
+      scrollbarGutter: 'stable',
     },
   },
+  versionWrap: css`
+    margin-bottom: 1em;
+  `,
+  versionTitle: css`
+    height: 28px;
+    line-height: 28px;
+    font-weight: 600;
+    font-size: 20px;
+    margin: 0 !important;
+  `,
+  versionTag: css`
+    user-select: none;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    &:last-child {
+      margin-inline-end: 0;
+    }
+  `,
 }));
 
-export interface ComponentChangelogProps {
-  children?: React.ReactNode;
-}
-
 const locales = {
   cn: {
     full: '查看完整日志',
@@ -109,8 +129,9 @@ const ParseChangelog: React.FC<{ changelog: string }> = (props) => {
 
     for (let i = 0; i < changelog.length; i += 1) {
       const char = changelog[i];
+      const isDoubleAsterisk = char === '*' && changelog[i + 1] === '*';
 
-      if (char !== '`' && char !== '*') {
+      if (char !== '`' && !isDoubleAsterisk) {
         lastStr += char;
       } else {
         let node: React.ReactNode = lastStr;
@@ -124,7 +145,7 @@ const ParseChangelog: React.FC<{ changelog: string }> = (props) => {
         lastStr = '';
         if (char === '`') {
           isQuota = !isQuota;
-        } else if (char === '*' && changelog[i + 1] === '*') {
+        } else if (isDoubleAsterisk) {
           isBold = !isBold;
           i += 1; // Skip the next '*'
         }
@@ -136,33 +157,36 @@ const ParseChangelog: React.FC<{ changelog: string }> = (props) => {
     return nodes;
   }, [changelog]);
 
+  return <span>{parsedChangelog}</span>;
+};
+
+const RefLinks: React.FC<{ refs: string[] }> = ({ refs }) => {
+  const { styles } = useStyle();
   return (
     <>
-      {/* Changelog */}
-      <span>{parsedChangelog}</span>
+      {refs?.map((ref) => (
+        <a className={styles.linkRef} key={ref} href={ref} target="_blank" rel="noreferrer">
+          #{ref.match(/^.*\/(\d+)$/)?.[1]}
+        </a>
+      ))}
     </>
   );
 };
 
-const RenderChangelogList: React.FC<{ changelogList: ChangelogInfo[]; styles: any }> = ({
-  changelogList,
-  styles,
-}) => {
-  const elements = [];
-  for (let i = 0; i < changelogList.length; i += 1) {
+const RenderChangelogList: React.FC<{ changelogList: ChangelogInfo[] }> = ({ changelogList }) => {
+  const elements: React.ReactNode[] = [];
+  const { styles } = useStyle();
+  const len = changelogList.length;
+  for (let i = 0; i < len; i += 1) {
     const { refs, changelog } = changelogList[i];
     // Check if the next line is an image link and append it to the current line
-    if (i + 1 < changelogList.length && changelogList[i + 1].changelog.trim().startsWith('<img')) {
+    if (i + 1 < len && changelogList[i + 1].changelog.trim().startsWith('<img')) {
       const imgDom = new DOMParser().parseFromString(changelogList[i + 1].changelog, 'text/html');
-      const imgElement = imgDom.querySelector('img');
+      const imgElement = imgDom.querySelector<HTMLImageElement>('img');
       elements.push(
         <li key={i}>
           <ParseChangelog changelog={changelog} />
-          {refs?.map((ref) => (
-            <a className={styles.linkRef} key={ref} href={ref} target="_blank" rel="noreferrer">
-              #{ref.match(/^.*\/(\d+)$/)?.[1]}
-            </a>
-          ))}
+          <RefLinks refs={refs} />
           <br />
           <img
             src={imgElement?.getAttribute('src') || ''}
@@ -176,11 +200,12 @@ const RenderChangelogList: React.FC<{ changelogList: ChangelogInfo[]; styles: an
       elements.push(
         <li key={i}>
           <ParseChangelog changelog={changelog} />
+          <RefLinks refs={refs} />
         </li>,
       );
     }
   }
-  return <ul>{elements}</ul>;
+  return <ul className={styles.listWrap}>{elements}</ul>;
 };
 
 const useChangelog = (componentPath: string, lang: 'cn' | 'en'): ChangelogInfo[] => {
@@ -199,7 +224,7 @@ const useChangelog = (componentPath: string, lang: 'cn' | 'en'): ChangelogInfo[]
   }, [data, componentPath]);
 };
 
-const ComponentChangelog: React.FC<ComponentChangelogProps> = (props) => {
+const ComponentChangelog: React.FC<Readonly<React.PropsWithChildren>> = (props) => {
   const { children } = props;
   const [locale, lang] = useLocale(locales);
   const [show, setShow] = React.useState(false);
@@ -225,37 +250,46 @@ const ComponentChangelog: React.FC<ComponentChangelogProps> = (props) => {
       return {
         children: (
           <Typography>
-            <Typography.Title level={4}>
-              {version}
-              {bugVersionInfo.match && (
-                <Popover
-                  destroyTooltipOnHide
-                  placement="right"
-                  title={<span className={styles.bugReasonTitle}>{locale.bugList}</span>}
-                  content={
-                    <ul className={styles.bugReasonList}>
-                      {bugVersionInfo.reason.map<React.ReactNode>((reason, index) => (
-                        <li key={`reason-${index}`}>
-                          <a type="link" target="_blank" rel="noreferrer" href={reason}>
-                            <BugOutlined />
-                            {reason
-                              ?.replace(/#.*$/, '')
-                              ?.replace(
-                                /^https:\/\/github\.com\/ant-design\/ant-design\/(issues|pull)\//,
-                                '#',
-                              )}
-                          </a>
-                        </li>
-                      ))}
-                    </ul>
-                  }
-                >
-                  <BugOutlined className={styles.bug} />
-                </Popover>
-              )}
-            </Typography.Title>
-            {changelogList[0].releaseDate}
-            <RenderChangelogList changelogList={changelogList} styles={styles} />
+            <Flex className={styles.versionWrap} justify="flex-start" align="center" gap="middle">
+              <Button
+                color="default"
+                className={styles.versionTitle}
+                variant="link"
+                href={`/changelog${lang === 'cn' ? '-cn' : ''}/#${version.replace(/\./g, '').replace(/\s.*/g, '-')}`}
+              >
+                {version}
+                {bugVersionInfo.match && (
+                  <Popover
+                    destroyTooltipOnHide
+                    placement="right"
+                    title={<span className={styles.bugReasonTitle}>{locale.bugList}</span>}
+                    content={
+                      <ul className={styles.bugReasonList}>
+                        {bugVersionInfo.reason.map<React.ReactNode>((reason, index) => (
+                          <li key={`reason-${index}`}>
+                            <a type="link" target="_blank" rel="noreferrer" href={reason}>
+                              <BugOutlined />
+                              {reason
+                                ?.replace(/#.*$/, '')
+                                ?.replace(
+                                  /^https:\/\/github\.com\/ant-design\/ant-design\/(issues|pull)\//,
+                                  '#',
+                                )}
+                            </a>
+                          </li>
+                        ))}
+                      </ul>
+                    }
+                  >
+                    <BugOutlined className={styles.bug} />
+                  </Popover>
+                )}
+              </Button>
+              <Tag className={styles.versionTag} bordered={false} color="blue">
+                {changelogList[0]?.releaseDate}
+              </Tag>
+            </Flex>
+            <RenderChangelogList changelogList={changelogList} />
           </Typography>
         ),
       };
diff --git a/.dumi/theme/common/ComponentChangelog/index.tsx b/.dumi/theme/common/ComponentChangelog/index.tsx
index 1c8117f1..8eb06b60 100644
--- a/.dumi/theme/common/ComponentChangelog/index.tsx
+++ b/.dumi/theme/common/ComponentChangelog/index.tsx
@@ -1,10 +1,11 @@
 import React from 'react';
 
-import type { ComponentChangelogProps } from './ComponentChangelog';
 import ComponentChangelog from './ComponentChangelog';
 
-export default (props: ComponentChangelogProps) => (
+const ChangeLog: React.FC<Readonly<React.PropsWithChildren>> = ({ children }) => (
   <React.Suspense fallback={null}>
-    <ComponentChangelog {...props} />
+    <ComponentChangelog>{children}</ComponentChangelog>
   </React.Suspense>
 );
+
+export default ChangeLog;
diff --git a/.dumi/theme/slots/Content/Contributors.tsx b/.dumi/theme/slots/Content/Contributors.tsx
index 201402fb..c879e00c 100644
--- a/.dumi/theme/slots/Content/Contributors.tsx
+++ b/.dumi/theme/slots/Content/Contributors.tsx
@@ -8,9 +8,6 @@ import SiteContext from '../SiteContext';
 import ContributorAvatar from './ContributorAvatar';
 
 const useStyle = createStyles(({ token, css }) => ({
-  contributorsList: css`
-    margin-top: 120px !important;
-  `,
   listMobile: css`
     margin: 1em 0 !important;
   `,
@@ -50,7 +47,7 @@ const Contributors: React.FC<ContributorsProps> = ({ filename }) => {
   }
 
   return (
-    <div className={classNames(styles.contributorsList, { [styles.listMobile]: isMobile })}>
+    <div className={classNames({ [styles.listMobile]: isMobile })}>
       <div className={styles.title}>{formatMessage({ id: 'app.content.contributors' })}</div>
       <ContributorsList
         cache
diff --git a/.dumi/theme/slots/Content/index.tsx b/.dumi/theme/slots/Content/index.tsx
index bbd5635b..0843cf43 100644
--- a/.dumi/theme/slots/Content/index.tsx
+++ b/.dumi/theme/slots/Content/index.tsx
@@ -52,10 +52,7 @@ const Content: React.FC<React.PropsWithChildren> = ({ children }) => {
         <InViewSuspense fallback={null}>
           <DocAnchor showDebug={showDebug} debugDemos={debugDemos} />
         </InViewSuspense>
-        <article
-          className={classNames(styles.articleWrapper, { rtl: isRTL })}
-          style={{ padding: pathname.startsWith('/docs/playground') ? 24 : undefined }}
-        >
+        <article className={classNames(styles.articleWrapper, { rtl: isRTL })}>
           {meta.frontmatter?.title ? (
             <Flex justify="space-between">
               <Typography.Title style={{ fontSize: 32, position: 'relative' }}>
@@ -97,9 +94,11 @@ const Content: React.FC<React.PropsWithChildren> = ({ children }) => {
               juejinLink={meta.frontmatter.juejin_url}
             />
           </InViewSuspense>
-          <InViewSuspense fallback={<div style={{ height: 50, marginTop: 120 }} />}>
-            <Contributors filename={meta.frontmatter.filename} />
-          </InViewSuspense>
+          <div style={{ marginTop: 120 }}>
+            <InViewSuspense fallback={<div style={{ height: 50 }} />}>
+              <Contributors filename={meta.frontmatter.filename} />
+            </InViewSuspense>
+          </div>
         </article>
         <InViewSuspense fallback={null}>
           <PrevAndNext rtl={isRTL} />

From 8708cac9129f4a2768f934cbec9eee3bcbc812b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=F0=9F=8F=8E=EF=B8=8F=20Imer?=
 <98121322+YumoImer@users.noreply.github.com>
Date: Fri, 22 Nov 2024 09:27:35 +0800
Subject: [PATCH 4/4] docs: update model use (#199)

* docs: update img url

* docs: update model-use-openai

* docs: update model-use

* docs: update use openai

* fix: useXAgent set dangerouslyApiKey to XRequest

* feat: ip lottie update

* docs: fix RICH introduce

* docs: fix define-intention-type

* docs: fix md formatting issues

* docs: fix img url

* docs: fix main banner style

 - https://github.com/ant-design/x/issues/201
 - https://github.com/ant-design/x/issues/202
---
 .../index/components/DesignFramework.tsx      |   8 +-
 .dumi/pages/index/components/DesignGuide.tsx  |   2 +-
 .dumi/pages/index/components/MainBanner.tsx   |  13 ++-
 .../components/SceneIntroduction/index.tsx    |   5 +-
 components/useXAgent/index.ts                 |   1 +
 docs/react/model-use-openai.en-US.md          |  58 ++++++++++
 docs/react/model-use-openai.zh-CN.md          |  58 ++++++++++
 docs/react/model-use-other.en-US.md           |  46 ++++++++
 docs/react/model-use-other.zh-CN.md           |  46 ++++++++
 docs/react/model-use-qwen.en-US.md            | 106 ++++++++++++++++++
 docs/react/model-use-qwen.zh-CN.md            | 105 +++++++++++++++++
 docs/spec/authentic-consistent.en-US.md       |  62 ++++++----
 docs/spec/authentic-consistent.zh-CN.md       |  62 ++++++----
 docs/spec/confirm-generation-process.en-US.md |  47 ++++----
 docs/spec/confirm-generation-process.zh-CN.md |  47 ++++----
 docs/spec/confirm.en-US.md                    |  42 +++----
 docs/spec/confirm.zh-CN.md                    |  42 +++----
 docs/spec/conversation-design.en-US.md        | 103 ++++++-----------
 docs/spec/conversation-design.zh-CN.md        | 103 ++++++-----------
 docs/spec/define-intention-type.en-US.md      |  38 ++++---
 docs/spec/define-intention-type.zh-CN.md      |  38 ++++---
 docs/spec/end.en-US.md                        |  37 +++---
 docs/spec/end.zh-CN.md                        |  37 +++---
 docs/spec/error.en-US.md                      |  90 ++++++---------
 docs/spec/error.zh-CN.md                      |  90 ++++++---------
 docs/spec/expression-user-input.en-US.md      |  80 ++++++-------
 docs/spec/expression-user-input.zh-CN.md      |  80 ++++++-------
 docs/spec/expression-user-send.en-US.md       |  58 +++++-----
 docs/spec/expression-user-send.zh-CN.md       |  58 +++++-----
 .../spec/feedback-result-application.en-US.md |  26 ++---
 .../spec/feedback-result-application.zh-CN.md |  26 ++---
 docs/spec/feedback-result-display.en-US.md    |  38 ++++---
 docs/spec/feedback-result-display.zh-CN.md    |  38 ++++---
 docs/spec/follow-up.en-US.md                  |  33 +++---
 docs/spec/follow-up.zh-CN.md                  |  33 +++---
 docs/spec/guide-intention-expression.en-US.md |  25 +++--
 docs/spec/guide-intention-expression.zh-CN.md |  25 +++--
 docs/spec/hint.en-US.md                       |  24 ++--
 docs/spec/hint.zh-CN.md                       |  24 ++--
 docs/spec/human-touch.en-US.md                |  58 ++++------
 docs/spec/human-touch.zh-CN.md                |  58 ++++------
 docs/spec/hybrid-ui-design.en-US.md           |  48 ++++----
 docs/spec/hybrid-ui-design.zh-CN.md           |  48 ++++----
 docs/spec/intention-introduce.en-US.md        |  38 ++++---
 docs/spec/intention-introduce.zh-CN.md        |  38 ++++---
 docs/spec/introduce.en-US.md                  |  53 +++++----
 docs/spec/introduce.zh-CN.md                  |  53 +++++----
 .../provide-intention-expectation.en-US.md    |   7 +-
 .../provide-intention-expectation.zh-CN.md    |   7 +-
 docs/spec/role-design.en-US.md                |  62 +++++-----
 docs/spec/role-design.zh-CN.md                |  62 +++++-----
 docs/spec/smooth-natural.en-US.md             |  61 +++++-----
 docs/spec/smooth-natural.zh-CN.md             |  61 +++++-----
 docs/spec/start.en-US.md                      |  26 +++--
 docs/spec/start.zh-CN.md                      |  26 +++--
 docs/spec/wake-up-ai-icon.en-US.md            |  74 ++++++------
 docs/spec/wake-up-ai-icon.zh-CN.md            |  74 ++++++------
 docs/spec/wake-up-welcome-message.en-US.md    |  70 +++++++-----
 docs/spec/wake-up-welcome-message.zh-CN.md    |  70 +++++++-----
 59 files changed, 1624 insertions(+), 1224 deletions(-)
 create mode 100644 docs/react/model-use-openai.en-US.md
 create mode 100644 docs/react/model-use-openai.zh-CN.md
 create mode 100644 docs/react/model-use-other.en-US.md
 create mode 100644 docs/react/model-use-other.zh-CN.md
 create mode 100644 docs/react/model-use-qwen.en-US.md
 create mode 100644 docs/react/model-use-qwen.zh-CN.md

diff --git a/.dumi/pages/index/components/DesignFramework.tsx b/.dumi/pages/index/components/DesignFramework.tsx
index 47c5119b..3a6e13c5 100644
--- a/.dumi/pages/index/components/DesignFramework.tsx
+++ b/.dumi/pages/index/components/DesignFramework.tsx
@@ -109,8 +109,8 @@ const DesignFramework: React.FC = () => {
           <img
             loading="lazy"
             alt="thumbnails"
-            style={{ width: 227 }}
-            src="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*AhrTT6K2vU0AAAAAAAAAAAAADgCCAQ/fmt.webp"
+            style={{ width: 261 }}
+            src="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*poTnSZrI7-oAAAAAAAAAAAAADgCCAQ/fmt.webp"
           />
         </div>
       ),
@@ -140,8 +140,8 @@ const DesignFramework: React.FC = () => {
           <img
             loading="lazy"
             alt="thumbnails"
-            style={{ width: 261 }}
-            src="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*poTnSZrI7-oAAAAAAAAAAAAADgCCAQ/fmt.webp"
+            style={{ width: 227 }}
+            src="https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*AhrTT6K2vU0AAAAAAAAAAAAADgCCAQ/fmt.webp"
           />
         </div>
       ),
diff --git a/.dumi/pages/index/components/DesignGuide.tsx b/.dumi/pages/index/components/DesignGuide.tsx
index c70c1d43..0be502c7 100644
--- a/.dumi/pages/index/components/DesignGuide.tsx
+++ b/.dumi/pages/index/components/DesignGuide.tsx
@@ -193,7 +193,7 @@ const DesignGuide: React.FC = () => {
     rendererSettings: {
       preserveAspectRatio: 'xMidYMid slice',
     },
-    path: 'https://mdn.alipayobjects.com/huamei_k0vkmw/afts/file/A*OfRbQKvPpWcAAAAAAAAAAAAADsR-AQ',
+    path: 'https://mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*OjRsQZWTEcQAAAAAAAAAAAAADgCCAQ',
   });
 
   React.useEffect(() => {
diff --git a/.dumi/pages/index/components/MainBanner.tsx b/.dumi/pages/index/components/MainBanner.tsx
index ce0f3af3..ba02266b 100644
--- a/.dumi/pages/index/components/MainBanner.tsx
+++ b/.dumi/pages/index/components/MainBanner.tsx
@@ -33,6 +33,7 @@ const useStyle = createStyles(({ token, css }) => {
     banner: css`
       width: 100vw;
       height: calc(100vh - 160px);
+      min-height: 600px;
       display: flex;
       justify-content: center;
       align-items: center;
@@ -50,6 +51,8 @@ const useStyle = createStyles(({ token, css }) => {
       height: 100%;
       max-height: calc(100vh - ${token.headerHeight * 2}px);
       position: relative;
+
+      
     `,
     title: css`
       max-width: ${minBannerWidth}px;
@@ -58,6 +61,14 @@ const useStyle = createStyles(({ token, css }) => {
       inset-inline-start: 0;
       transform: translateY(-50%);
       z-index: 1;
+
+      @media only screen and (max-width: ${token.mobileMaxWidth}px) {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+      }
     `,
     lottie: css`
       position: absolute;
@@ -216,7 +227,7 @@ const MainBanner: React.FC = () => {
     rendererSettings: {
       preserveAspectRatio: 'xMidYMid meet',
     },
-    path: 'https://mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*vhF2TLUKM5YAAAAAAAAAAAAADgCCAQ',
+    path: 'https://mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*oI6rQbj2NA0AAAAAAAAAAAAADgCCAQ',
   });
 
   React.useEffect(() => {
diff --git a/.dumi/pages/index/components/SceneIntroduction/index.tsx b/.dumi/pages/index/components/SceneIntroduction/index.tsx
index 09159956..57f01786 100644
--- a/.dumi/pages/index/components/SceneIntroduction/index.tsx
+++ b/.dumi/pages/index/components/SceneIntroduction/index.tsx
@@ -68,11 +68,12 @@ const useStyle = createStyles(({ token, css }) => {
       gap: ${token.margin}px;
     `,
     tab_content: css`
-      width: 886px;
+      width: 890px;
       height: 600px;
       box-sizing: border-box;
-      background-image: url(https://mdn.alipayobjects.com/huamei_k0vkmw/afts/img/A*9lNZQrgQIikAAAAAAAAAAAAADsR-AQ/original);
+      background-image: url(https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*RxJMSbQRvTUAAAAAAAAAAAAADgCCAQ/fmt.avif);
       background-repeat: no-repeat;
+      background-size: cover;
       z-index: 2;
     `,
     item: css`
diff --git a/components/useXAgent/index.ts b/components/useXAgent/index.ts
index 23298d38..a386a304 100644
--- a/components/useXAgent/index.ts
+++ b/components/useXAgent/index.ts
@@ -91,6 +91,7 @@ export default function useXAgent<Message = string>(config: XAgentConfig<Message
             XRequest({
               baseURL: restConfig.baseURL!,
               model: restConfig.model,
+              dangerouslyApiKey: restConfig.dangerouslyApiKey,
             }).create,
           ...restConfig,
         }),
diff --git a/docs/react/model-use-openai.en-US.md b/docs/react/model-use-openai.en-US.md
new file mode 100644
index 00000000..d3101abe
--- /dev/null
+++ b/docs/react/model-use-openai.en-US.md
@@ -0,0 +1,58 @@
+---
+group:
+  title: Model Integration
+title: OpenAI
+order: 0
+---
+
+Typically, `openai-node` is used in Node.js environments. If you need to use it in a browser environment, you must enable `dangerouslyAllowBrowser`.
+
+## Example of Streaming Requests with `openai-node`
+
+```tsx
+import { useXAgent, useXChat, Sender } from '@ant-design/x';
+import OpenAI from 'openai';
+
+const client = new OpenAI({
+  apiKey: process.env['OPENAI_API_KEY'],
+  dangerouslyAllowBrowser: true,
+});
+
+// React environment setup
+const [agent] = useXAgent({
+  request: async (info, callbacks) => {
+    const stream = await client.chat.completions.create({
+      model: 'gpt-4o',
+      messages: [{ role: 'user', content: 'Say this is a test' }],
+      stream: true,
+    });
+
+    for await (const chunk of stream) {
+      // Trigger the callback
+      callbacks.onUpdate(chunk.choices[0]?.delta?.content || '');
+    }
+  },
+});
+
+const {
+  // Used to initiate conversation requests
+  onRequest,
+  // Used to bind the view
+  messages,
+} = useXChat({ agent });
+
+const items = messages.map((message) => ({
+  content: message,
+}));
+
+return (
+  <div>
+    <Bubble.List items={items} />
+    <Sender onSubmit={onRequest} />
+  </div>
+);
+```
+
+## use openai API
+
+参考 [Compatible OpenAI](/docs/react/model-use-qwen)
diff --git a/docs/react/model-use-openai.zh-CN.md b/docs/react/model-use-openai.zh-CN.md
new file mode 100644
index 00000000..05a0ebdf
--- /dev/null
+++ b/docs/react/model-use-openai.zh-CN.md
@@ -0,0 +1,58 @@
+---
+group:
+  title: 模型接入
+title: OpenAI
+order: 0
+---
+
+通常情况 openai-node 用于 node 环境，如果在浏览器环境使用，需要开启 `dangerouslyAllowBrowser`。
+
+## 使用 openai-node 流式调用示例
+
+```tsx
+import { useXAgent, useXChat, Sender } from '@ant-design/x';
+import OpenAI from 'openai';
+
+const client = new OpenAI({
+  apiKey: process.env['OPENAI_API_KEY'],
+  dangerouslyAllowBrowser: true,
+});
+
+// react env ...
+const [agent] = useXAgent({
+  request: async (info, callbacks) => {
+    const stream = await client.chat.completions.create({
+      model: 'gpt-4o',
+      messages: [{ role: 'user', content: 'Say this is a test' }],
+      stream: true,
+    });
+
+    for await (const chunk of stream) {
+      // 调用回调
+      callbacks.onUpdate(chunk.choices[0]?.delta?.content || '');
+    }
+  },
+});
+
+const {
+  // 用于发起对话请求
+  onRequest,
+  // 用于绑定视图
+  messages,
+} = useXChat({ agent });
+
+const items = messages.map((i) => ({
+  content: message,
+}));
+
+return (
+  <div>
+    <Bubble.List items={items} />
+    <Sender onSubmit={onRequest} />
+  </div>
+);
+```
+
+## 使用 openai API 调用
+
+参考 [接入兼容 OpenAI 的模型推理服务](/docs/react/model-use-qwen-cn)
diff --git a/docs/react/model-use-other.en-US.md b/docs/react/model-use-other.en-US.md
new file mode 100644
index 00000000..1e8f202c
--- /dev/null
+++ b/docs/react/model-use-other.en-US.md
@@ -0,0 +1,46 @@
+---
+group:
+  title: Model Integration
+title: Others
+order: 2
+---
+
+Currently, there is no standard protocol defining a "model interface specification," which can lead to compatibility issues between different protocols.
+
+To address this, **X** provides tools to help developers resolve protocol compatibility issues.
+
+## Stream Parsing Tool
+
+`XStream` parses `ReadableStream` data using the SSE protocol by default.
+
+```tsx
+import { XStream } from '@ant-design/x';
+
+async function request() {
+  const response =
+    await fetch();
+    // ...
+  // .....
+
+  for await (const chunk of XStream({
+    readableStream: response.body,
+  })) {
+    // Your protocol
+    console.log(chunk);
+  }
+}
+```
+
+## Request Tool
+
+`XRequest` allows you to pass a custom `fetch` function for request customization.
+
+```tsx
+import { XRequest } from '@ant-design/x';
+
+const request = XRequest({
+  fetch: yourFetchFn,
+});
+
+request.create();
+```
diff --git a/docs/react/model-use-other.zh-CN.md b/docs/react/model-use-other.zh-CN.md
new file mode 100644
index 00000000..e6d8f8d4
--- /dev/null
+++ b/docs/react/model-use-other.zh-CN.md
@@ -0,0 +1,46 @@
+---
+group:
+  title: 模型接入
+title: 其他
+order: 2
+---
+
+直到目前，没有标准的协议定义「模型接口规范」，所以会存在协议不兼容的问题。
+
+为此 X 也提供了对应的工具帮助开发者**解决协议兼容**的问题。
+
+## 流解析工具
+
+`XStream` 默认将 ReadableStream 以 SSE 数据协议进行解析。
+
+```tsx
+import { XStream } from '@ant-design/x';
+
+async function request() {
+  const response =
+    await fetch();
+    // ...
+  // .....
+
+  for await (const chunk of XStream({
+    readableStream: response.body,
+  })) {
+    // 你的协议
+    console.log(chunk);
+  }
+}
+```
+
+## 请求工具
+
+`XRequest` 支持传入一个 `fetch` 函数，做请求定制。
+
+```tsx
+import { XRequest } from '@ant-design/x';
+
+const request = XRequest({
+  fetch: yourFetchFn,
+});
+
+request.create();
+```
diff --git a/docs/react/model-use-qwen.en-US.md b/docs/react/model-use-qwen.en-US.md
new file mode 100644
index 00000000..55d3bfbd
--- /dev/null
+++ b/docs/react/model-use-qwen.en-US.md
@@ -0,0 +1,106 @@
+---
+group:
+  title: Model Integration
+title: Qwen
+order: 1
+---
+
+Tongyi Qianwen provides model inference services compatible with OpenAI.  
+[Alibaba Cloud - Tongyi Qianwen](https://help.aliyun.com/zh/dashscope/developer-reference/compatibility-of-openai-with-dashscope?spm=a2c4g.11186623.0.i10)
+
+## What is a "Service Compatible with OpenAI Models"?
+
+It refers to a model inference service whose interface design and usage are consistent with OpenAI's API.
+
+This means developers can use the same code and methods as they would for OpenAI models to interact with these compatible services, significantly reducing integration costs.
+
+## Method 1: Using `useXAgent`
+
+This method is **a ready-to-use solution for React environments** provided by Ant Design X.
+
+```tsx
+import { useXAgent } from '@ant-design/x';
+
+// ... react env
+const [agent] = useXAgent({
+  baseURL: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
+  model: 'qwen-plus',
+  // Use cautiously in production!
+  dangerouslyApiKey: 'DASHSCOPE_API_KEY',
+});
+
+function request() {
+  agent.request(
+    {
+      // Conversation messages
+      messages: [
+        {
+          role: 'user',
+          content: 'Hello',
+        },
+      ],
+      // Enable streaming
+      stream: true,
+    },
+    {
+      // Success callback
+      onSuccess: (sseChunks) => {
+        // Triggered when the request completes
+        // This will contain the parsed sseChunks
+      },
+      onError: (error) => {
+        // Triggered in case of an error
+      },
+      onUpdate: (sse) => {
+        // Triggered during stream updates
+        // This will contain the parsed SSE object
+      },
+    },
+  );
+}
+```
+
+## Method 2: Using `XRequest`
+
+This method is **a ready-to-use solution for JavaScript environments** provided by Ant Design X.
+
+```tsx
+import { XRequest } from '@ant-design/x';
+
+const xRequest = XRequest({
+  baseURL: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
+  model: 'qwen-plus',
+  // Use cautiously in production!
+  dangerouslyApiKey: 'DASHSCOPE_API_KEY',
+});
+
+function request() {
+  xRequest.create(
+    {
+      // Conversation messages
+      messages: [
+        {
+          role: 'user',
+          content: 'Hello',
+        },
+      ],
+      // Enable streaming
+      stream: true,
+    },
+    {
+      // Success callback
+      onSuccess: (sseChunks) => {
+        // Triggered when the request completes
+        // This will contain the parsed sseChunks
+      },
+      onError: (error) => {
+        // Triggered in case of an error
+      },
+      onUpdate: (sse) => {
+        // Triggered during stream updates
+        // This will contain the parsed SSE object
+      },
+    },
+  );
+}
+```
diff --git a/docs/react/model-use-qwen.zh-CN.md b/docs/react/model-use-qwen.zh-CN.md
new file mode 100644
index 00000000..abda1fbc
--- /dev/null
+++ b/docs/react/model-use-qwen.zh-CN.md
@@ -0,0 +1,105 @@
+---
+group:
+  title: 模型接入
+title: 通义千问
+order: 1
+---
+
+通义千问提供了兼容 OpenAI 的模型推理服务。[阿里云 - 通义千问](https://help.aliyun.com/zh/dashscope/developer-reference/compatibility-of-openai-with-dashscope?spm=a2c4g.11186623.0.i10)
+
+## 什么是「兼容 OpenAI 的模型」？
+
+是指在接口设计和使用方式上与 OpenAI 的 API 保持一致的模型推理服务。
+
+这意味着开发者可以使用与调用 OpenAI 模型相同的代码和方法，来调用这些兼容服务，从而减少开发接入成本。
+
+## 方式一: 使用 useXAgent
+
+该方式是 Ant Dssign X 提供的 **在 React 环境下开箱即用的使用方式**。
+
+```tsx
+import { useXAgent } from '@ant-design/x';
+
+// ... react env
+const [agent] = useXAgent({
+  baseURL: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
+  model: 'qwen-plus',
+  // 请谨慎在生产环境使用！
+  dangerouslyApiKey: 'DASHSCOPE_API_KEY',
+});
+
+function request() {
+  agent.request(
+    {
+      // 对话消息
+      messages: [
+        {
+          role: 'user',
+          content: 'Hello',
+        },
+      ],
+      // 是否流式渲染
+      stream: true,
+    },
+    {
+      // 成功回调
+      onSuccess: (sseChunks) => {
+        // 在请求完成时触发
+        // 这里将得到已经解析好的 sseChunks
+      },
+      onError: (error) => {
+        // 在请求异常时触发
+      },
+      onUpdate: (sse) => {
+        // 在流更新时触发
+        // 这里将得到已经解析好的 sse 对象
+      },
+    },
+  );
+}
+```
+
+## 方式二: 使用 XRequest
+
+该方式是 Ant Dssign X 提供的 **在 JS 环境下开箱即用的使用方式**。
+
+```tsx
+import { XRequest } from '@ant-design/x';
+
+const xRequest = XRequest({
+  baseURL: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
+  model: 'qwen-plus',
+  // 请谨慎在生产环境使用！
+  dangerouslyApiKey: 'DASHSCOPE_API_KEY',
+});
+
+function request() {
+  xRequest.create(
+    {
+      // 对话消息
+      messages: [
+        {
+          role: 'user',
+          content: 'Hello',
+        },
+      ],
+      // 是否流式渲染
+      stream: true,
+    },
+    {
+      // 成功回调
+      onSuccess: (sseChunks) => {
+        // 在请求完成时触发
+        // 这里将得到已经解析好的 sseChunks
+      },
+      onError: (error) => {
+        // 在请求异常时触发
+      },
+      onUpdate: (sse) => {
+        // 在流更新时触发
+        // 这里将得到已经解析好的 sse 对象
+      },
+    },
+  );
+}
+```
diff --git a/docs/spec/authentic-consistent.en-US.md b/docs/spec/authentic-consistent.en-US.md
index 6c632e85..8f3959cb 100644
--- a/docs/spec/authentic-consistent.en-US.md
+++ b/docs/spec/authentic-consistent.en-US.md
@@ -8,58 +8,74 @@ title: 真实一致
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*--NqR78UDjUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="PRWyx">如何定义</h1>
+## 如何定义
+
 为了增加角色的可信度和真实感，角色的视觉表达以及性格等特征需要在不同的场景中保持一致。具体来说，角色的行为模式和语言风格都应该符合我们对角色的基础背景设定。在与用户的互动中，不同的对话环境下，保持角色前后的一致性，避免用户产生跳出感，从而持续获得符合预期的互动体验。
 
 :::tips
 
-<h4 id="XlPJs"><font style="color:rgb(6, 6, 7);">性格特征一致</font></h4>
-<font style="color:#585A5A;">强调角色的内心世界和外在行为之间的一致性。行为、反应、决策和情感表达应与其性格描述相吻合，无论是平静的日常互动还是紧张的情节发展，角色性格特征都应保持一致，以增强角色的可信度和深度。</font>
+### 性格特征一致
+
+强调角色的内心世界和外在行为之间的一致性。行为、反应、决策和情感表达应与其性格描述相吻合，无论是平静的日常互动还是紧张的情节发展，角色性格特征都应保持一致，以增强角色的可信度和深度。
 
 :::
 
 :::tips
 
-<h4 id="Odyz0"><font style="color:rgb(6, 6, 7);">视觉表达一致</font></h4>
-<font style="color:#585A5A;">角色的外观设计、服装选择、动作表现和表情变化在不同场景和时间点上保持连贯和一致。这包括色彩、图形、姿态和风格等元素，确保角色形象的统一性，使观众能够轻松识别并记住角色。</font>
+### 视觉表达一致
+
+角色的外观设计、服装选择、动作表现和表情变化在不同场景和时间点上保持连贯和一致。这包括色彩、图形、姿态和风格等元素，确保角色形象的统一性，使观众能够轻松识别并记住角色。
 
 :::
 
 :::tips
 
-<h4 id="MiYvB">**<font style="color:rgb(6, 6, 7);">语言风格一致</font>**</h4>
-<font style="color:#585A5A;">角色的说话方式、用词选择、语气和表达习惯。角色的语言风格应与其性格、背景和情感状态相匹配，无论是在正式场合还是非正式交流中，角色的语言表达都应保持一致，以增强角色的个性和真实感。</font>
+### 语言风格一致
+
+角色的说话方式、用词选择、语气和表达习惯应与其性格、背景和情感状态相匹配。无论是在正式场合还是非正式交流中，角色的语言表达都应保持一致，以增强角色的个性和真实感。
 
 :::
 
 :::tips
 
-<h4 id="yRbPN"><font style="color:rgb(6, 6, 7);">行为模式一致</font></h4>
-<font style="color:#585A5A;">在不同情境下的行为反应和处理方式具有连贯性和可预测性。角色的行为模式应与其性格特征、背景故事和当前情境相协调，确保角色在故事发展中的每一个决策和行动都显得合理和自然。</font>
+### 行为模式一致
+
+在不同情境下的行为反应和处理方式具有连贯性和可预测性。角色的行为模式应与其性格特征、背景故事和当前情境相协调，确保角色在故事发展中的每一个决策和行动都显得合理和自然。
 
 :::
 
-<h1 id="NiGPO">适用场景</h1>
-<font style="color:rgb(0, 0, 0);">角色的一致性原则适用于教育辅导、在线咨询、娱乐互动及任何需要与用户进行深度交互的 AI 场景。在这些场景中，角色的一致性能够帮助用户更好地理解 AI 的意图和功能，从而提高交互效率和满意度。 </font>
+## 适用场景
 
-- **<font style="color:rgb(0, 0, 0);">虚拟助手：</font>**<font style="color:rgb(0, 0, 0);">高一致性的虚拟助手，能够帮助用户建立起对它的信任。当用户知道他们可以预期什么样的反应和帮助时，会感觉更加安心，认为虚拟助手是可靠的信息来源和问题解决伙伴。</font>
-- **<font style="color:rgb(0, 0, 0);">客户服务</font>**<font style="color:rgb(0, 0, 0);">：语言、行为和知识库的一致性，可以确保客户在每次交互中都能获得相同水平的服务，这有助于提升整体的服务质量。</font>
-- **<font style="color:rgb(0, 0, 0);">游戏角色</font>**<font style="color:rgb(0, 0, 0);">：一个始终保持风趣和友好的角色可以提升用户的娱乐体验，角色背景、性格、形象的一致性，也可以深化角色身份的认同，使角色更为真实沉浸。</font>
-- **<font style="color:rgb(0, 0, 0);">教育辅导</font>**<font style="color:rgb(0, 0, 0);">：一个始终保持耐心和专业的角色可以帮助用户更好地吸收知识，一致性的表现也帮助用户在辅导过程中感受到连贯性和可靠性，减少学习上的焦虑和压力。</font>
-- **<font style="color:rgb(0, 0, 0);">健康顾问</font>**<font style="color:rgb(0, 0, 0);">：专业、稳定的互动表现，可以有效增强用户对健康顾问的信任，促进用户积极参与治疗过程，最终达到更好的健康管理效果。</font>
-- **<font style="color:rgb(0, 0, 0);">心理咨询</font>**<font style="color:rgb(0, 0, 0);">：言行一致、情绪稳定的角色，有助于建立用户对角色的信任，让用户感到安全，更愿意开放心扉，分享内心深处的感受和困扰。</font>
+角色的一致性原则适用于教育辅导、在线咨询、娱乐互动及任何需要与用户进行深度交互的 AI 场景。在这些场景中，角色的一致性能够帮助用户更好地理解 AI 的意图和功能，从而提高交互效率和满意度。
 
-<font style="color:rgb(0, 0, 0);"> ……</font>
+- **虚拟助手：** 高一致性的虚拟助手能够帮助用户建立对其的信任。当用户知道他们可以预期什么样的反应和帮助时，会感到更加安心，认为虚拟助手是可靠的信息来源和问题解决伙伴。
+- **客户服务：** 语言、行为和知识库的一致性，可以确保客户在每次交互中都能获得相同水平的服务，这有助于提升整体的服务质量。
+- **游戏角色：** 一个始终保持风趣和友好的角色可以提升用户的娱乐体验。角色背景、性格、形象的一致性，可以深化角色身份的认同，使角色更为真实沉浸。
+- **教育辅导：** 一个始终保持耐心和专业的角色可以帮助用户更好地吸收知识。一致性的表现也帮助用户在辅导过程中感受到连贯性和可靠性，减少学习上的焦虑和压力。
+- **健康顾问：** 专业、稳定的互动表现，可以有效增强用户对健康顾问的信任，促进用户积极参与治疗过程，最终达到更好的健康管理效果。
+- **心理咨询：** 言行一致、情绪稳定的角色，有助于建立用户对角色的信任，让用户感到安全，更愿意开放心扉，分享内心深处的感受和困扰。
 
-<h1 id="NyUjC">最佳案例  <font style="color:#DF2A3F;"></font></h1>
-<h3 id="OI8wr">1、为角色赋予独特且符合其背景的性格特征、行为模式、语言风格</h3>
-**性格特征、行为模式、语言风格**的设定，都源于角色的故事背景，我们可以为角色设定详细而富有逻辑的角色背景，能让用户在了解角色时，感受到角色的深度和立体感。如一些“基本属性”，姓名、性别、年龄、昵称等，还可以为角色指定一个“职业”，如律师、医生、客服等，也可以为角色赋予一个背景故事，出生环境、成长经历、教育经历、家庭情况等。
+## 最佳案例
+
+### 1、为角色赋予独特且符合其背景的性格特征、行为模式、语言风格
+
+**性格特征、行为模式、语言风格**的设定，都源于角色的故事背景。我们可以为角色设定详细而富有逻辑的角色背景，从而让用户感受到角色的深度和立体感。例如：
+
+- **基本属性：** 姓名、性别、年龄、昵称等。
+- **职业：** 如律师、医生、客服等。
+- **背景故事：** 出生环境、成长经历、教育经历、家庭情况等。
 
 在背景故事的基础上，可以分别对**性格特征、行为模式、语言风格**进行更详细的剖析和设定，从而保证角色由内到外都有一致的体验。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*0MTlRYAWlCQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="c8Ihr"><font style="color:rgb(6, 6, 7);">2、为角色设计统一且符合其背景特征的</font>形象和视觉表达</h3>
-为角色设计统一且符合其背景特征的形象，能让用户捕捉并强化对角色的符号记忆，形成统一的印象。可以从形象类型、外貌特征、声音音色和行为动作等方面，详细设计角色的外在形象。
+### 2、为角色设计统一且符合其背景特征的形象和视觉表达
+
+为角色设计统一且符合其背景特征的形象，能让用户捕捉并强化对角色的符号记忆，形成统一的印象。可以从以下方面详细设计角色的外在形象：
+
+- **形象类型**
+- **外貌特征**
+- **声音音色**
+- **行为动作**
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*0MTlRYAWlCQAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/authentic-consistent.zh-CN.md b/docs/spec/authentic-consistent.zh-CN.md
index 6c632e85..8f3959cb 100644
--- a/docs/spec/authentic-consistent.zh-CN.md
+++ b/docs/spec/authentic-consistent.zh-CN.md
@@ -8,58 +8,74 @@ title: 真实一致
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*--NqR78UDjUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="PRWyx">如何定义</h1>
+## 如何定义
+
 为了增加角色的可信度和真实感，角色的视觉表达以及性格等特征需要在不同的场景中保持一致。具体来说，角色的行为模式和语言风格都应该符合我们对角色的基础背景设定。在与用户的互动中，不同的对话环境下，保持角色前后的一致性，避免用户产生跳出感，从而持续获得符合预期的互动体验。
 
 :::tips
 
-<h4 id="XlPJs"><font style="color:rgb(6, 6, 7);">性格特征一致</font></h4>
-<font style="color:#585A5A;">强调角色的内心世界和外在行为之间的一致性。行为、反应、决策和情感表达应与其性格描述相吻合，无论是平静的日常互动还是紧张的情节发展，角色性格特征都应保持一致，以增强角色的可信度和深度。</font>
+### 性格特征一致
+
+强调角色的内心世界和外在行为之间的一致性。行为、反应、决策和情感表达应与其性格描述相吻合，无论是平静的日常互动还是紧张的情节发展，角色性格特征都应保持一致，以增强角色的可信度和深度。
 
 :::
 
 :::tips
 
-<h4 id="Odyz0"><font style="color:rgb(6, 6, 7);">视觉表达一致</font></h4>
-<font style="color:#585A5A;">角色的外观设计、服装选择、动作表现和表情变化在不同场景和时间点上保持连贯和一致。这包括色彩、图形、姿态和风格等元素，确保角色形象的统一性，使观众能够轻松识别并记住角色。</font>
+### 视觉表达一致
+
+角色的外观设计、服装选择、动作表现和表情变化在不同场景和时间点上保持连贯和一致。这包括色彩、图形、姿态和风格等元素，确保角色形象的统一性，使观众能够轻松识别并记住角色。
 
 :::
 
 :::tips
 
-<h4 id="MiYvB">**<font style="color:rgb(6, 6, 7);">语言风格一致</font>**</h4>
-<font style="color:#585A5A;">角色的说话方式、用词选择、语气和表达习惯。角色的语言风格应与其性格、背景和情感状态相匹配，无论是在正式场合还是非正式交流中，角色的语言表达都应保持一致，以增强角色的个性和真实感。</font>
+### 语言风格一致
+
+角色的说话方式、用词选择、语气和表达习惯应与其性格、背景和情感状态相匹配。无论是在正式场合还是非正式交流中，角色的语言表达都应保持一致，以增强角色的个性和真实感。
 
 :::
 
 :::tips
 
-<h4 id="yRbPN"><font style="color:rgb(6, 6, 7);">行为模式一致</font></h4>
-<font style="color:#585A5A;">在不同情境下的行为反应和处理方式具有连贯性和可预测性。角色的行为模式应与其性格特征、背景故事和当前情境相协调，确保角色在故事发展中的每一个决策和行动都显得合理和自然。</font>
+### 行为模式一致
+
+在不同情境下的行为反应和处理方式具有连贯性和可预测性。角色的行为模式应与其性格特征、背景故事和当前情境相协调，确保角色在故事发展中的每一个决策和行动都显得合理和自然。
 
 :::
 
-<h1 id="NiGPO">适用场景</h1>
-<font style="color:rgb(0, 0, 0);">角色的一致性原则适用于教育辅导、在线咨询、娱乐互动及任何需要与用户进行深度交互的 AI 场景。在这些场景中，角色的一致性能够帮助用户更好地理解 AI 的意图和功能，从而提高交互效率和满意度。 </font>
+## 适用场景
 
-- **<font style="color:rgb(0, 0, 0);">虚拟助手：</font>**<font style="color:rgb(0, 0, 0);">高一致性的虚拟助手，能够帮助用户建立起对它的信任。当用户知道他们可以预期什么样的反应和帮助时，会感觉更加安心，认为虚拟助手是可靠的信息来源和问题解决伙伴。</font>
-- **<font style="color:rgb(0, 0, 0);">客户服务</font>**<font style="color:rgb(0, 0, 0);">：语言、行为和知识库的一致性，可以确保客户在每次交互中都能获得相同水平的服务，这有助于提升整体的服务质量。</font>
-- **<font style="color:rgb(0, 0, 0);">游戏角色</font>**<font style="color:rgb(0, 0, 0);">：一个始终保持风趣和友好的角色可以提升用户的娱乐体验，角色背景、性格、形象的一致性，也可以深化角色身份的认同，使角色更为真实沉浸。</font>
-- **<font style="color:rgb(0, 0, 0);">教育辅导</font>**<font style="color:rgb(0, 0, 0);">：一个始终保持耐心和专业的角色可以帮助用户更好地吸收知识，一致性的表现也帮助用户在辅导过程中感受到连贯性和可靠性，减少学习上的焦虑和压力。</font>
-- **<font style="color:rgb(0, 0, 0);">健康顾问</font>**<font style="color:rgb(0, 0, 0);">：专业、稳定的互动表现，可以有效增强用户对健康顾问的信任，促进用户积极参与治疗过程，最终达到更好的健康管理效果。</font>
-- **<font style="color:rgb(0, 0, 0);">心理咨询</font>**<font style="color:rgb(0, 0, 0);">：言行一致、情绪稳定的角色，有助于建立用户对角色的信任，让用户感到安全，更愿意开放心扉，分享内心深处的感受和困扰。</font>
+角色的一致性原则适用于教育辅导、在线咨询、娱乐互动及任何需要与用户进行深度交互的 AI 场景。在这些场景中，角色的一致性能够帮助用户更好地理解 AI 的意图和功能，从而提高交互效率和满意度。
 
-<font style="color:rgb(0, 0, 0);"> ……</font>
+- **虚拟助手：** 高一致性的虚拟助手能够帮助用户建立对其的信任。当用户知道他们可以预期什么样的反应和帮助时，会感到更加安心，认为虚拟助手是可靠的信息来源和问题解决伙伴。
+- **客户服务：** 语言、行为和知识库的一致性，可以确保客户在每次交互中都能获得相同水平的服务，这有助于提升整体的服务质量。
+- **游戏角色：** 一个始终保持风趣和友好的角色可以提升用户的娱乐体验。角色背景、性格、形象的一致性，可以深化角色身份的认同，使角色更为真实沉浸。
+- **教育辅导：** 一个始终保持耐心和专业的角色可以帮助用户更好地吸收知识。一致性的表现也帮助用户在辅导过程中感受到连贯性和可靠性，减少学习上的焦虑和压力。
+- **健康顾问：** 专业、稳定的互动表现，可以有效增强用户对健康顾问的信任，促进用户积极参与治疗过程，最终达到更好的健康管理效果。
+- **心理咨询：** 言行一致、情绪稳定的角色，有助于建立用户对角色的信任，让用户感到安全，更愿意开放心扉，分享内心深处的感受和困扰。
 
-<h1 id="NyUjC">最佳案例  <font style="color:#DF2A3F;"></font></h1>
-<h3 id="OI8wr">1、为角色赋予独特且符合其背景的性格特征、行为模式、语言风格</h3>
-**性格特征、行为模式、语言风格**的设定，都源于角色的故事背景，我们可以为角色设定详细而富有逻辑的角色背景，能让用户在了解角色时，感受到角色的深度和立体感。如一些“基本属性”，姓名、性别、年龄、昵称等，还可以为角色指定一个“职业”，如律师、医生、客服等，也可以为角色赋予一个背景故事，出生环境、成长经历、教育经历、家庭情况等。
+## 最佳案例
+
+### 1、为角色赋予独特且符合其背景的性格特征、行为模式、语言风格
+
+**性格特征、行为模式、语言风格**的设定，都源于角色的故事背景。我们可以为角色设定详细而富有逻辑的角色背景，从而让用户感受到角色的深度和立体感。例如：
+
+- **基本属性：** 姓名、性别、年龄、昵称等。
+- **职业：** 如律师、医生、客服等。
+- **背景故事：** 出生环境、成长经历、教育经历、家庭情况等。
 
 在背景故事的基础上，可以分别对**性格特征、行为模式、语言风格**进行更详细的剖析和设定，从而保证角色由内到外都有一致的体验。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*0MTlRYAWlCQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="c8Ihr"><font style="color:rgb(6, 6, 7);">2、为角色设计统一且符合其背景特征的</font>形象和视觉表达</h3>
-为角色设计统一且符合其背景特征的形象，能让用户捕捉并强化对角色的符号记忆，形成统一的印象。可以从形象类型、外貌特征、声音音色和行为动作等方面，详细设计角色的外在形象。
+### 2、为角色设计统一且符合其背景特征的形象和视觉表达
+
+为角色设计统一且符合其背景特征的形象，能让用户捕捉并强化对角色的符号记忆，形成统一的印象。可以从以下方面详细设计角色的外在形象：
+
+- **形象类型**
+- **外貌特征**
+- **声音音色**
+- **行为动作**
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*0MTlRYAWlCQAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/confirm-generation-process.en-US.md b/docs/spec/confirm-generation-process.en-US.md
index bfaa0646..8bd21ee2 100644
--- a/docs/spec/confirm-generation-process.en-US.md
+++ b/docs/spec/confirm-generation-process.en-US.md
@@ -8,51 +8,58 @@ title: 确认｜生成过程
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bsGjTaJWgR4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在用户向AI表达意图后等待AI回复的过程中，需向用户展示AI处理请求、生成内容或执行任务的进程与状态。
+在用户向 AI 表达意图后等待 AI 回复的过程中，需向用户展示 AI 处理请求、生成内容或执行任务的进程与状态。
 
-<h2 id="ScT0o">设计目标</h2>
+## 设计目标
 
-处理过程反馈需要通过流式输出等方式给予用户及时响应，让用户清晰感知AI的工作状态，建立恰当的等待预期。在部分业务场景中，需要完整展现AI的思考过程和处理阶段，减少黑盒感，提升用户对系统的信任度和理解度。
+处理过程反馈需要通过流式输出等方式给予用户及时响应，让用户清晰感知 AI 的工作状态，建立恰当的等待预期。在部分业务场景中，需要完整展现 AI 的思考过程和处理阶段，减少黑盒感，提升用户对系统的信任度和理解度。
 
 ---
 
-<h2 id="7e515f44">内容动态加载</h2>
+## 内容动态加载
 
-<h3 id="a7328e13">动画加载</h3>
-<font style="color:#585A5A;">系统接收到用户请求后立即触发的状态反馈。轻量的动画效果既能让用户知道系统已开始处理，又不会带来视觉干扰。动画要即时触发、简洁克制，让用户感知到明确的响应。</font>
+### 动画加载
+
+系统接收到用户请求后立即触发的状态反馈。轻量的动画效果既能让用户知道系统已开始处理，又不会带来视觉干扰。动画要即时触发、简洁克制，让用户感知到明确的响应。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*w5T-R6Q2tM0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="bab55483">流式输出</h3>
-<font style="color:#585A5A;">AI处理文本内容时的实时反馈形式。默认使用打字机光标效果，让用户能感知生成节奏；但在模型响应速度非常快时，应直接展示完整内容。保持输出内容的可读性，让用户能实时阅读已生成部分。</font>
+### 流式输出
+
+AI 处理文本内容时的实时反馈形式。默认使用打字机光标效果，让用户能感知生成节奏；但在模型响应速度非常快时，应直接展示完整内容。保持输出内容的可读性，让用户能实时阅读已生成部分。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*w5T-R6Q2tM0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="KrfhU">进度展示</h3>
-<font style="color:#585A5A;">用于异步生成场景下的状态反馈。通过进度百分比或处理阶段提示，展示当前任务进展。对于耗时较长的任务，提供预估完成时间，帮助用户建立等待预期。</font>
+### 进度展示
+
+用于异步生成场景下的状态反馈。通过进度百分比或处理阶段提示，展示当前任务进展。对于耗时较长的任务，提供预估完成时间，帮助用户建立等待预期。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*nbk_Q4EfmR0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="6ed2bf0c">异常状态展示</h2>
+## 异常状态展示
+
+### 生成失败
 
-<h3 id="7f7de8a2">生成失败</h3>
-<font style="color:#585A5A;">当请求处理失败时，及时展示失败原因和可采取的措施。失败提示要醒目但不刺激，文案简洁明确，提供如重试等后续操作建议。</font>
+当请求处理失败时，及时展示失败原因和可采取的措施。失败提示要醒目但不刺激，文案简洁明确，并提供如重试等后续操作建议。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*jSdGT4NGzy0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="e6582324">生成终止</h3>
-<font style="color:#585A5A;">包括用户主动中断和系统自动终止的情况。终止后保留已生成内容，清晰提示当前状态。对于系统终止，需说明原因并给出建议。</font>
+### 生成终止
+
+包括用户主动中断和系统自动终止的情况。终止后保留已生成内容，清晰提示当前状态。对于系统终止，需说明原因并给出建议。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Ul_rR5Ix1XAAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="b0b1225b">思考过程展现</h2>
+## 思考过程展现
+
+### 展示思考阶段
 
-<h3 id="d0198c44">展示思考阶段</h3>
-<font style="color:#585A5A;">方便用户理解AI的处理流程和进展。在耗时较长的场景（如深度搜索），展示完整的处理步骤；耗时较短时仅展示当前思考状态。</font>
+方便用户理解 AI 的处理流程和进展。在耗时较长的场景（如深度搜索），展示完整的处理步骤；耗时较短时仅展示当前思考状态。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*QOdOQpy-io8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="32575716">展示思考细节</h3>
-<font style="color:#585A5A;">通过可展开/收起的形式呈现AI推理的具体步骤和依据。在设计时需要满足用户查看决策过程细节，同时避免信息过载。</font>
+### 展示思考细节
+
+通过可展开/收起的形式呈现 AI 推理的具体步骤和依据。在设计时需要满足用户查看决策过程细节，同时避免信息过载。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*DtBxSYxd7WcAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/confirm-generation-process.zh-CN.md b/docs/spec/confirm-generation-process.zh-CN.md
index bfaa0646..8bd21ee2 100644
--- a/docs/spec/confirm-generation-process.zh-CN.md
+++ b/docs/spec/confirm-generation-process.zh-CN.md
@@ -8,51 +8,58 @@ title: 确认｜生成过程
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bsGjTaJWgR4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在用户向AI表达意图后等待AI回复的过程中，需向用户展示AI处理请求、生成内容或执行任务的进程与状态。
+在用户向 AI 表达意图后等待 AI 回复的过程中，需向用户展示 AI 处理请求、生成内容或执行任务的进程与状态。
 
-<h2 id="ScT0o">设计目标</h2>
+## 设计目标
 
-处理过程反馈需要通过流式输出等方式给予用户及时响应，让用户清晰感知AI的工作状态，建立恰当的等待预期。在部分业务场景中，需要完整展现AI的思考过程和处理阶段，减少黑盒感，提升用户对系统的信任度和理解度。
+处理过程反馈需要通过流式输出等方式给予用户及时响应，让用户清晰感知 AI 的工作状态，建立恰当的等待预期。在部分业务场景中，需要完整展现 AI 的思考过程和处理阶段，减少黑盒感，提升用户对系统的信任度和理解度。
 
 ---
 
-<h2 id="7e515f44">内容动态加载</h2>
+## 内容动态加载
 
-<h3 id="a7328e13">动画加载</h3>
-<font style="color:#585A5A;">系统接收到用户请求后立即触发的状态反馈。轻量的动画效果既能让用户知道系统已开始处理，又不会带来视觉干扰。动画要即时触发、简洁克制，让用户感知到明确的响应。</font>
+### 动画加载
+
+系统接收到用户请求后立即触发的状态反馈。轻量的动画效果既能让用户知道系统已开始处理，又不会带来视觉干扰。动画要即时触发、简洁克制，让用户感知到明确的响应。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*w5T-R6Q2tM0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="bab55483">流式输出</h3>
-<font style="color:#585A5A;">AI处理文本内容时的实时反馈形式。默认使用打字机光标效果，让用户能感知生成节奏；但在模型响应速度非常快时，应直接展示完整内容。保持输出内容的可读性，让用户能实时阅读已生成部分。</font>
+### 流式输出
+
+AI 处理文本内容时的实时反馈形式。默认使用打字机光标效果，让用户能感知生成节奏；但在模型响应速度非常快时，应直接展示完整内容。保持输出内容的可读性，让用户能实时阅读已生成部分。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*w5T-R6Q2tM0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="KrfhU">进度展示</h3>
-<font style="color:#585A5A;">用于异步生成场景下的状态反馈。通过进度百分比或处理阶段提示，展示当前任务进展。对于耗时较长的任务，提供预估完成时间，帮助用户建立等待预期。</font>
+### 进度展示
+
+用于异步生成场景下的状态反馈。通过进度百分比或处理阶段提示，展示当前任务进展。对于耗时较长的任务，提供预估完成时间，帮助用户建立等待预期。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*nbk_Q4EfmR0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="6ed2bf0c">异常状态展示</h2>
+## 异常状态展示
+
+### 生成失败
 
-<h3 id="7f7de8a2">生成失败</h3>
-<font style="color:#585A5A;">当请求处理失败时，及时展示失败原因和可采取的措施。失败提示要醒目但不刺激，文案简洁明确，提供如重试等后续操作建议。</font>
+当请求处理失败时，及时展示失败原因和可采取的措施。失败提示要醒目但不刺激，文案简洁明确，并提供如重试等后续操作建议。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*jSdGT4NGzy0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="e6582324">生成终止</h3>
-<font style="color:#585A5A;">包括用户主动中断和系统自动终止的情况。终止后保留已生成内容，清晰提示当前状态。对于系统终止，需说明原因并给出建议。</font>
+### 生成终止
+
+包括用户主动中断和系统自动终止的情况。终止后保留已生成内容，清晰提示当前状态。对于系统终止，需说明原因并给出建议。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Ul_rR5Ix1XAAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="b0b1225b">思考过程展现</h2>
+## 思考过程展现
+
+### 展示思考阶段
 
-<h3 id="d0198c44">展示思考阶段</h3>
-<font style="color:#585A5A;">方便用户理解AI的处理流程和进展。在耗时较长的场景（如深度搜索），展示完整的处理步骤；耗时较短时仅展示当前思考状态。</font>
+方便用户理解 AI 的处理流程和进展。在耗时较长的场景（如深度搜索），展示完整的处理步骤；耗时较短时仅展示当前思考状态。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*QOdOQpy-io8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="32575716">展示思考细节</h3>
-<font style="color:#585A5A;">通过可展开/收起的形式呈现AI推理的具体步骤和依据。在设计时需要满足用户查看决策过程细节，同时避免信息过载。</font>
+### 展示思考细节
+
+通过可展开/收起的形式呈现 AI 推理的具体步骤和依据。在设计时需要满足用户查看决策过程细节，同时避免信息过载。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*DtBxSYxd7WcAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/confirm.en-US.md b/docs/spec/confirm.en-US.md
index b5bb37aa..215395d2 100644
--- a/docs/spec/confirm.en-US.md
+++ b/docs/spec/confirm.en-US.md
@@ -8,27 +8,27 @@ title: 确认
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*y4fLQ4MNM_kAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="kJKVW">WHAT 概述</h1>
+## WHAT 概述
 
 在对话设计中，确认设计是一种交互设计策略，它允许用户在与 AI 系统交流时验证其输入内容的解析结果。这种设计不仅提升了用户对输入信息准确性的信心，而且通过建立对话共识，增强了用户在与 AI 互动中的安全感和信任感。此外，确认设计通过维护对话的上下文连贯性，有助于推动对话的深入发展，确保交流的流畅性和效率。通过这种方式，AI 系统能够更准确地理解用户的意图，同时用户也能够即时纠正任何错误或误解，从而提高整体的交互质量。
 
-<h2 id="Er6qC">三类确认形式</h2>
+### 三类确认形式
 
-<h3 id="h3VrU">显性确认</h3>
+#### 显性确认
 
 显性确认要求用户对系统的理解或操作结果进行明确的响应确认。这种确认方式通常涉及简单的是/否回答，或者使用同义词来明确表达用户的确认意图。
 
-在实施显性确认时，系统会暂停进一步的操作，直到收到用户的明确指示。这种确认方式特别适用于那些错误成本较高或需要用户明确同意的场景，例如在执行不可逆操作前的用户确认。
+在实施显性确认时，系统会暂停进一步的操作，直到收到用户的明确指示。这种确认方式特别适用于错误成本较高或需要用户明确同意的场景，例如在执行不可逆操作前的用户确认。
 
-显性确认确保了用户对即将执行的操作有充分的认识和同意，从而降低了操作错误的风险。
+显性确认确保用户对即将执行的操作有充分的认识和同意，从而降低操作错误的风险。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*E6wURJNuKgUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="YyDGE">隐性确认</h3>
+#### 隐性确认
 
 隐性确认是一种更为微妙的确认方式，它通过在后续的对话或操作中隐含地确认用户的信息，而无需用户进行直接回复。这种策略通常涉及系统对用户输入的关键信息进行重复或同义词替换，以此向用户展示系统已经理解了他们的意图。
 
-隐性确认适用于那些错误成本较低或系统对识别结果有较高信心的情况，因为它可以提高对话的效率，同时减少用户的交互负担。
+隐性确认适用于错误成本较低或系统对识别结果有较高信心的情况，因为它可以提高对话的效率，同时减少用户的交互负担。
 
 在实施隐性确认时，系统会通过提炼用户表述的关键内容，并将其融入到响应中，使用户能够快速确认系统已经识别到了这些信息。
 
@@ -36,52 +36,52 @@ title: 确认
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*OGCvRKZylM8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="cGUtW">无需确认</h3>
+#### 无需确认
 
 在对话设计中，“无需确认”指的是 AI 在接收到用户输入后，并未提供任何形式的确认反馈给用户。这种情况通常发生在信息高度确认，或者确认操作被认为是不必要的场合。在这种模式下，AI 假定用户的输入是正确的，并且不需要额外的确认步骤来验证输入的准确性或完整性。
 
-“无需确认”的设计考虑到了用户体验的流畅性和效率，特别是在那些用户操作失误的风险较低，或者系统对于输入的识别有足够信心的场景中。那么“无需确认”交互可以减少用户的操作步骤，提高用户体验。
+“无需确认”的设计考虑到了用户体验的流畅性和效率，特别是在用户操作失误风险较低，或者系统对输入的识别有足够信心的场景中。这种交互可以减少用户的操作步骤，提高用户体验。
 
-然而，需要注意的是，“无需确认”的设计并不适用于所有情况。在那些错误成本较高或需要用户明确同意的场景中，如执行不可逆操作前，显性确认或隐性确认可能更为合适，以确保用户对其操作有充分的认识和同意。因此，设计者在决定是否采用“无需确认”交互时，需要仔细权衡用户体验的便捷性和操作的安全性。
+需要注意的是，“无需确认”的设计并不适用于所有情况。在错误成本较高或需要用户明确同意的场景中，如执行不可逆操作前，显性确认或隐性确认可能更为合适，以确保用户对其操作有充分的认识和同意。因此，设计者在决定是否采用“无需确认”交互时，需要仔细权衡用户体验的便捷性和操作的安全性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*VY4ITICKJmsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="Z01mv"><font style="color:rgb(32, 33, 36);">HOW 如何操作</font></h1>
+## HOW 如何操作
 
-<h2 id="KmSfp">针对用户输入的参数做隐性确认</h2>
+### 针对用户输入的参数做隐性确认
 
 在大多数情况下，隐性确认的应用目的并不在于直接验证用户的输入内容，而是在于确认用户所传达或隐含的参数信息。
 
 这种策略通过在后续的对话或操作中隐含地确认用户的信息，例如通过重复关键信息或使用同义词替换，来向用户展示系统已经理解了他们的意图。
 
-隐性确认为用户提供了必要的上下文环境，以便他们能够更准确地理解系统的响应内容。通过这种方式，隐性确认有助于提升交互的连贯性和用户的满意度，确保了对话流程的顺畅。
+隐性确认为用户提供了必要的上下文环境，以便他们能够更准确地理解系统的响应内容。通过这种方式，隐性确认有助于提升交互的连贯性和用户的满意度，确保对话流程的顺畅。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*KgMlQ6KyuzIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="xotKy">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*I-b4RKnBw6YAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="lSpIu">系统动作的隐性确认</h2>
+### 系统动作的隐性确认
 
-动作的隐性确认也是一种间接确认机制，它通过系统的行为和反馈来隐含地表明某个动作已经完成，而不是依赖于直接的言语或明确的信号。这种确认方式一般通过系统响应的自然流程和结果展示，为用户提供了动作执行的证据，从而在不打断用户流程的情况下，增强了用户对系统操作结果的信任和满意度。
+动作的隐性确认也是一种间接确认机制，它通过系统的行为和反馈来隐含地表明某个动作已经完成，而不是依赖于直接的言语或明确的信号。这种确认方式一般通过系统响应的自然流程和结果展示，为用户提供了动作执行的证据，从而在不打断用户流程的情况下，增强用户对系统操作结果的信任和满意度。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bz8tRL4VG18AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="JXHDU">显性确认</h2>
+### 显性确认
 
 在执行可能导致不可逆后果的操作，例如删除用户数据或完成交易等关键步骤之前，显性确认是必不可少的。这一机制确保用户对即将执行的操作及其潜在影响有充分的认识。
 
-AI 必须在采取最终行动之前，明确地向用户展示操作的具体细节，并主动请求用户的明确同意。通过这种方式，显性确认不仅提高了操作的透明度，还强化了用户对操作结果的责任意识，从而降低了误操作的风险，并提升了用户对系统的信任度。
+AI 必须在采取最终行动之前，明确地向用户展示操作的具体细节，并主动请求用户的明确同意。通过这种方式，显性确认不仅提高了操作的透明度，还强化了用户对操作结果的责任意识，从而降低误操作的风险，并提升用户对系统的信任度。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*4HIpQ7M0nHsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="Trywd">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*HkF4RZwdqh8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="dBxVL">无需确认</h2>
+### 无需确认
 
-在用户输入明确且系统能够以高置信度识别用户意图的情况下，可以省略确认步骤。这种设计原则适用于那些系统对用户意图的识别具有高度准确性的场景，从而简化了交互流程，提高了用户体验的效率和流畅性。通过减少不必要的确认环节，用户可以更快捷地完成操作，同时保持了操作的安全性和准确性。
+在用户输入明确且系统能够以高置信度识别用户意图的情况下，可以省略确认步骤。这种设计原则适用于那些系统对用户意图的识别具有高度准确性的场景，从而简化了交互流程，提高用户体验的效率和流畅性。通过减少不必要的确认环节，用户可以更快捷地完成操作，同时保持了操作的安全性和准确性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*X4qQRJdioRMAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/confirm.zh-CN.md b/docs/spec/confirm.zh-CN.md
index b5bb37aa..215395d2 100644
--- a/docs/spec/confirm.zh-CN.md
+++ b/docs/spec/confirm.zh-CN.md
@@ -8,27 +8,27 @@ title: 确认
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*y4fLQ4MNM_kAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="kJKVW">WHAT 概述</h1>
+## WHAT 概述
 
 在对话设计中，确认设计是一种交互设计策略，它允许用户在与 AI 系统交流时验证其输入内容的解析结果。这种设计不仅提升了用户对输入信息准确性的信心，而且通过建立对话共识，增强了用户在与 AI 互动中的安全感和信任感。此外，确认设计通过维护对话的上下文连贯性，有助于推动对话的深入发展，确保交流的流畅性和效率。通过这种方式，AI 系统能够更准确地理解用户的意图，同时用户也能够即时纠正任何错误或误解，从而提高整体的交互质量。
 
-<h2 id="Er6qC">三类确认形式</h2>
+### 三类确认形式
 
-<h3 id="h3VrU">显性确认</h3>
+#### 显性确认
 
 显性确认要求用户对系统的理解或操作结果进行明确的响应确认。这种确认方式通常涉及简单的是/否回答，或者使用同义词来明确表达用户的确认意图。
 
-在实施显性确认时，系统会暂停进一步的操作，直到收到用户的明确指示。这种确认方式特别适用于那些错误成本较高或需要用户明确同意的场景，例如在执行不可逆操作前的用户确认。
+在实施显性确认时，系统会暂停进一步的操作，直到收到用户的明确指示。这种确认方式特别适用于错误成本较高或需要用户明确同意的场景，例如在执行不可逆操作前的用户确认。
 
-显性确认确保了用户对即将执行的操作有充分的认识和同意，从而降低了操作错误的风险。
+显性确认确保用户对即将执行的操作有充分的认识和同意，从而降低操作错误的风险。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*E6wURJNuKgUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="YyDGE">隐性确认</h3>
+#### 隐性确认
 
 隐性确认是一种更为微妙的确认方式，它通过在后续的对话或操作中隐含地确认用户的信息，而无需用户进行直接回复。这种策略通常涉及系统对用户输入的关键信息进行重复或同义词替换，以此向用户展示系统已经理解了他们的意图。
 
-隐性确认适用于那些错误成本较低或系统对识别结果有较高信心的情况，因为它可以提高对话的效率，同时减少用户的交互负担。
+隐性确认适用于错误成本较低或系统对识别结果有较高信心的情况，因为它可以提高对话的效率，同时减少用户的交互负担。
 
 在实施隐性确认时，系统会通过提炼用户表述的关键内容，并将其融入到响应中，使用户能够快速确认系统已经识别到了这些信息。
 
@@ -36,52 +36,52 @@ title: 确认
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*OGCvRKZylM8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="cGUtW">无需确认</h3>
+#### 无需确认
 
 在对话设计中，“无需确认”指的是 AI 在接收到用户输入后，并未提供任何形式的确认反馈给用户。这种情况通常发生在信息高度确认，或者确认操作被认为是不必要的场合。在这种模式下，AI 假定用户的输入是正确的，并且不需要额外的确认步骤来验证输入的准确性或完整性。
 
-“无需确认”的设计考虑到了用户体验的流畅性和效率，特别是在那些用户操作失误的风险较低，或者系统对于输入的识别有足够信心的场景中。那么“无需确认”交互可以减少用户的操作步骤，提高用户体验。
+“无需确认”的设计考虑到了用户体验的流畅性和效率，特别是在用户操作失误风险较低，或者系统对输入的识别有足够信心的场景中。这种交互可以减少用户的操作步骤，提高用户体验。
 
-然而，需要注意的是，“无需确认”的设计并不适用于所有情况。在那些错误成本较高或需要用户明确同意的场景中，如执行不可逆操作前，显性确认或隐性确认可能更为合适，以确保用户对其操作有充分的认识和同意。因此，设计者在决定是否采用“无需确认”交互时，需要仔细权衡用户体验的便捷性和操作的安全性。
+需要注意的是，“无需确认”的设计并不适用于所有情况。在错误成本较高或需要用户明确同意的场景中，如执行不可逆操作前，显性确认或隐性确认可能更为合适，以确保用户对其操作有充分的认识和同意。因此，设计者在决定是否采用“无需确认”交互时，需要仔细权衡用户体验的便捷性和操作的安全性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*VY4ITICKJmsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="Z01mv"><font style="color:rgb(32, 33, 36);">HOW 如何操作</font></h1>
+## HOW 如何操作
 
-<h2 id="KmSfp">针对用户输入的参数做隐性确认</h2>
+### 针对用户输入的参数做隐性确认
 
 在大多数情况下，隐性确认的应用目的并不在于直接验证用户的输入内容，而是在于确认用户所传达或隐含的参数信息。
 
 这种策略通过在后续的对话或操作中隐含地确认用户的信息，例如通过重复关键信息或使用同义词替换，来向用户展示系统已经理解了他们的意图。
 
-隐性确认为用户提供了必要的上下文环境，以便他们能够更准确地理解系统的响应内容。通过这种方式，隐性确认有助于提升交互的连贯性和用户的满意度，确保了对话流程的顺畅。
+隐性确认为用户提供了必要的上下文环境，以便他们能够更准确地理解系统的响应内容。通过这种方式，隐性确认有助于提升交互的连贯性和用户的满意度，确保对话流程的顺畅。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*KgMlQ6KyuzIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="xotKy">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*I-b4RKnBw6YAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="lSpIu">系统动作的隐性确认</h2>
+### 系统动作的隐性确认
 
-动作的隐性确认也是一种间接确认机制，它通过系统的行为和反馈来隐含地表明某个动作已经完成，而不是依赖于直接的言语或明确的信号。这种确认方式一般通过系统响应的自然流程和结果展示，为用户提供了动作执行的证据，从而在不打断用户流程的情况下，增强了用户对系统操作结果的信任和满意度。
+动作的隐性确认也是一种间接确认机制，它通过系统的行为和反馈来隐含地表明某个动作已经完成，而不是依赖于直接的言语或明确的信号。这种确认方式一般通过系统响应的自然流程和结果展示，为用户提供了动作执行的证据，从而在不打断用户流程的情况下，增强用户对系统操作结果的信任和满意度。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bz8tRL4VG18AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="JXHDU">显性确认</h2>
+### 显性确认
 
 在执行可能导致不可逆后果的操作，例如删除用户数据或完成交易等关键步骤之前，显性确认是必不可少的。这一机制确保用户对即将执行的操作及其潜在影响有充分的认识。
 
-AI 必须在采取最终行动之前，明确地向用户展示操作的具体细节，并主动请求用户的明确同意。通过这种方式，显性确认不仅提高了操作的透明度，还强化了用户对操作结果的责任意识，从而降低了误操作的风险，并提升了用户对系统的信任度。
+AI 必须在采取最终行动之前，明确地向用户展示操作的具体细节，并主动请求用户的明确同意。通过这种方式，显性确认不仅提高了操作的透明度，还强化了用户对操作结果的责任意识，从而降低误操作的风险，并提升用户对系统的信任度。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*4HIpQ7M0nHsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="Trywd">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*HkF4RZwdqh8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="dBxVL">无需确认</h2>
+### 无需确认
 
-在用户输入明确且系统能够以高置信度识别用户意图的情况下，可以省略确认步骤。这种设计原则适用于那些系统对用户意图的识别具有高度准确性的场景，从而简化了交互流程，提高了用户体验的效率和流畅性。通过减少不必要的确认环节，用户可以更快捷地完成操作，同时保持了操作的安全性和准确性。
+在用户输入明确且系统能够以高置信度识别用户意图的情况下，可以省略确认步骤。这种设计原则适用于那些系统对用户意图的识别具有高度准确性的场景，从而简化了交互流程，提高用户体验的效率和流畅性。通过减少不必要的确认环节，用户可以更快捷地完成操作，同时保持了操作的安全性和准确性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*X4qQRJdioRMAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/conversation-design.en-US.md b/docs/spec/conversation-design.en-US.md
index 92b1c761..e8e5ebdb 100644
--- a/docs/spec/conversation-design.en-US.md
+++ b/docs/spec/conversation-design.en-US.md
@@ -8,11 +8,11 @@ title: 介绍
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ohp_SLO1eaEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-用户的模糊意图通过会话的方式来逐步与 AI 对焦、拆解，而用户的各项操作指令通常也以交互式卡片的形式贯穿于会话流之中。会话风格与角色的一致性，也是 AI 体验的关键。此外，每一次良好人机的自然会话体验背后，其实都隐藏着一套隐含的、系统性的体验规则。上述这些正是会话设计所需要定义的。
+用户的模糊意图通过会话的方式来逐步与 AI 对焦、拆解，而用户的各项操作指令通常也以交互式卡片的形式贯穿于会话流之中。会话风格与角色的一致性，也是 AI 体验的关键。此外，每一次良好的人机自然会话体验背后，其实都隐藏着一套隐含的、系统性的体验规则。上述这些正是会话设计所需要定义的。
 
-<h1 id="eK9zH">WHY 为什么要做对话设计</h1>
+## WHY 为什么要做对话设计
 
-在明确用户的意图和 AI 角色定位之后，便可以着手设计对话流程了。这一过程既涉及了对用户意图的深入理解，根据用户意图，有助于设计出更加针对性和有效的对话；又涉及对 AI 角色的精确把握，根据 AI 角色性格，可以选择合适的语言风格，构建更加真实和有说服力的对话场景。
+在明确用户的意图和 AI 角色定位之后，便可以着手设计对话流程了。这一过程既涉及对用户意图的深入理解，根据用户意图，有助于设计出更加针对性和有效的对话；又涉及对 AI 角色的精确把握，根据 AI 角色性格，可以选择合适的语言风格，构建更加真实和有说服力的对话场景。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*C94kQK-GA9QAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
@@ -20,7 +20,7 @@ title: 介绍
 
 同样，在人机交互中，对话系统也需遵循一套规则，以确保语义的准确传达、行为的合理展现以及意图的清晰表达。这些规则对于促进用户目标的实现、提升交互体验具有至关重要的作用。通过精心设计的对话规则，可以优化人机对话系统的性能，使其更贴近自然语言交流的流畅性和效率，进而为用户提供更加优质的交互体验。
 
-<h1 id="wL1EV">WHAT 什么是会话设计</h1>
+## WHAT 什么是会话设计
 
 ![什么是会话设计](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*QI3xQrObsI4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
@@ -34,91 +34,54 @@ title: 介绍
 
 **对于同一个用户请求，可以通过不同的对话设计组件组合，形成同一语义，不同风格的对话：**
 
-- 语义一致性与风格多样性： 即便面对相同的用户请求，通过灵活运用不同的对话设计组件，可以创造出在语义上保持一致，但在风格上各具特色的对话响应。这种设计允许AI在保持信息传递准确性的同时，也能够提供多样化的用户体验。
+- **语义一致性与风格多样性：** 即便面对相同的用户请求，通过灵活运用不同的对话设计组件，可以创造出在语义上保持一致，但在风格上各具特色的对话响应。这种设计允许 AI 在保持信息传递准确性的同时，也能够提供多样化的用户体验。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*2q8gQZMp9l4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-因此对话交互组件的设计和应用是实现高效、个性化人机对话的关键。通过精心构建和优化这些组件，可以显著提升对话系统的性能和用户的交互体验。
+因此，对话交互组件的设计和应用是实现高效、个性化人机对话的关键。通过精心构建和优化这些组件，可以显著提升对话系统的性能和用户的交互体验。
 
-<h1 id="x7aAE">HOW 原则</h1>
+## HOW 原则
 
-在人机对话交互中，尽管对话交互组件具有自然性和操作路径简化等优势，但它们也面临着一些挑战，例如意图识别的不准确性可能导致错误回复，以及槽位信息的缺失可能需要多轮对话来补全信息。对话交互的核心目标是解决用户问题并提高效率，任何对话交互设计都应遵循这一原则。针对这些问题，我们制定了对话交互的通用性原则，旨在优化对话设计，发挥其优势同时规避劣势，以更有效地解决用户的实际问题。通过下述原则，可以构建出更加高效、准确且用户友好的对话交互系统。
+在人机对话交互中，尽管对话交互组件具有自然性和操作路径简化等优势，但它们也面临一些挑战，例如意图识别的不准确性可能导致错误回复，以及槽位信息的缺失可能需要多轮对话来补全信息。对话交互的核心目标是解决用户问题并提高效率，任何对话交互设计都应遵循这一原则。针对这些问题，我们制定了对话交互的通用性原则，旨在优化对话设计，发挥其优势同时规避劣势，以更有效地解决用户的实际问题。通过下述原则，可以构建出更加高效、准确且用户友好的对话交互系统。
 
-<h2 id="iA1bl">信息充分且真实</h2>
+### 信息充分且真实
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*h_9JQLDK_JIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在人机对话交互中，要确保提供给用户的是真实信息，建立用户和 AI 之间的信任，强调以用户为中心。
+1. **AI 需提供真实的信息：** 对话交互系统必须基于事实和数据提供信息，以确保用户能够依据真实、准确的信息做出决策。这要求 AI 在处理用户请求时，必须写明引用的数据源，并确保信息的时效性和准确性。
 
-1. **AI 需提供真实的信息：**对话交互系统必须基于事实和数据提供信息，以确保用户能够依据真实、准确的信息做出决策。这要求 AI 在处理用户请求时，必须写明引用的数据源，并确保信息的时效性和准确性。
+2. **AI 需告知自己能力界限：** AI 应明确告知用户其功能和限制，避免用户对 AI 能力产生误解。这包括在 AI 无法提供确切答案或执行特定任务时，诚实地向用户说明情况，并提供备选方案或建议。
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*_SoFRY_Rm30AAAAAAAAAAAAADgCCAQ/fmt.webp)
+3. **针对性信息提供：** 对话主体应具备针对性，针对特定的决策问题和决策者提供专门的支持。AI 应根据用户的具体需求，提供定制化的信息和建议。
 
-2. ** AI 需告知自己能力界限：**AI 应明确告知用户其功能和限制，避免用户对 AI 能力产生误解。这包括在 AI 无法提供确切答案或执行特定任务时，诚实地向用户说明情况，并提供备选方案或建议。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*83p9R7JFirgAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-3. **针对性信息提供：**对话主体应具备针对性，针对特定的决策问题和决策者提供专门的支持。这意味着 AI 需要能够根据用户的具体需求，提供定制化的信息和建议，以增强决策的相关性和有效性
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*BEkxTZKqypgAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h2 id="LUxrI">话术要清晰易懂</h2>
+### 话术要清晰易懂
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*BEkxTZKqypgAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在对话设计中，使用的话术要易于用户记忆、理解及清晰表意，从而实现更加有效的沟通。
-
-1. **任务相关性**：对话内容应紧密围绕用户的任务和目标展开，确保信息的相关性，以提高用户对对话的关注度和记忆度。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*wSo8Qa4UqI4AAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-2. **词汇的普及性**：选用普遍熟悉且易于理解的词汇，有助于降低用户的认知负荷，使得信息传递更加高效。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*VSkrRLuLN2kAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-3. **术语的一致性**：在对话过程中，对特定术语或概念的使用应保持一致性，这有助于用户建立稳定的理解框架，避免混淆。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*myBASJk_wp0AAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-4. **句式的简洁性**：避免使用复杂的句式结构，转而使用简洁、直接的表述方式，以便用户快速把握信息要点。
+1. **任务相关性：** 对话内容应紧密围绕用户的任务和目标展开，确保信息的相关性，以提高用户对对话的关注度和记忆度。
+2. **词汇的普及性：** 选用普遍熟悉且易于理解的词汇，有助于降低用户的认知负荷，使得信息传递更加高效。
+3. **术语的一致性：** 在对话过程中，对特定术语或概念的使用应保持一致性，避免用户混淆。
+4. **句式的简洁性：** 避免复杂句式结构，转而使用简洁、直接的表述方式，以便用户快速把握信息要点。
+5. **清晰度：** 信息表述必须清晰明了，避免歧义，确保用户能够准确理解内容。
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*tRXKSahVc4wAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-5. **清晰度**：信息的表述必须清晰明了，避免歧义，确保用户能够准确理解所传达的内容。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*flR6QIBpFq0AAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h2 id="r7Mfm">自然友好并且尊重用户</h2>
+### 自然友好并且尊重用户
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Dkx5Tat2d6IAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在 AI 与用户的互动中，需要尊重用户，认可用户的感受。
-
-1. **自然交流：**应采用自然口语风格，使对话更加贴近日常交流，提高用户的交流体验，确保沟通的亲切感和易理解性。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*hKpWR56DgjAAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-2. **尊重与认可：**在所有交互中，AI 将始终保持对用户的尊重，认可并重视用户的感受和观点，以建立信任和积极的互动环境。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*WalpQrw9VvEAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-3. **敏感话题回避：**对于可能引起争议或不适的敏感话题，应予以回避，以免造成不必要的误解或冲突。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*vY0wTbb5QKYAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-4. **审慎处理内容：**对于用户未主动请求的信息或内容，应保持谨慎态度，避免过度干预或提供不适当的信息。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*I2fZTL6_FpgAAAAAAAAAAAAADgCCAQ/fmt.webp)
+1. **自然交流：** 采用自然口语风格，使对话更加贴近日常交流，提升用户的互动体验。
+2. **尊重与认可：** 在交互中，AI 始终对用户表示尊重，认可用户的感受和观点，以建立信任和积极的互动环境。
+3. **敏感话题回避：** 对于可能引起争议或不适的敏感话题，应予以回避，避免不必要的误解或冲突。
+4. **审慎处理内容：** 对于用户未主动请求的信息或内容，保持谨慎态度，避免过度干预或提供不适当的信息。
 
-<h1 id="RtSiO">对话组件预览</h1>
+## 对话组件预览
 
-为了更直观的了解并使用对话组件，我们将对话流程划分为四个主要环节，每个环节都对应着特定的组件。依次为：欢迎组件、引导组件、追问组件、提示组件、确认组件、错误处理组件以及结束组件。有关这些模块的详细信息，请参阅以下文档。
+为了更直观地了解并使用对话组件，我们将对话流程划分为四个主要环节，每个环节都对应特定的组件。以下是对话流程与组件的预览。
 
-| **对话流程** | **对话组件** |                           **详细内容**                            |
-| :----------: | :----------: | :---------------------------------------------------------------: |
-|   **唤醒**   |     开始     | [ Link](https://www.yuque.com/ant-design/ierwgq/qm1gguw5cd4uoyzn) |
-|   **识别**   |     追问     | [Link](https://www.yuque.com/ant-design/ierwgq/bkznpghceqmlc576)  |
-|              |     提示     | [Link](https://www.yuque.com/ant-design/ierwgq/fdpn5vbn465d18oc)  |
-|   **确认**   |     确认     | [Link](https://www.yuque.com/ant-design/ierwgq/yg5ka8fs2p2qc28a)  |
-|              |     错误     | [ Link](https://www.yuque.com/ant-design/ierwgq/scvwns3hqzc6so9v) |
-|   **反馈**   |     结束     | [ Link](https://www.yuque.com/ant-design/ierwgq/ik6irl09twqg0hnx) |
+| **对话流程** | **对话组件** |                           **详细内容**                           |
+| :----------: | :----------: | :--------------------------------------------------------------: |
+|   **唤醒**   |     开始     | [Link](https://www.yuque.com/ant-design/ierwgq/qm1gguw5cd4uoyzn) |
+|   **识别**   |     追问     | [Link](https://www.yuque.com/ant-design/ierwgq/bkznpghceqmlc576) |
+|              |     提示     | [Link](https://www.yuque.com/ant-design/ierwgq/fdpn5vbn465d18oc) |
+|   **确认**   |     确认     | [Link](https://www.yuque.com/ant-design/ierwgq/yg5ka8fs2p2qc28a) |
+|              |     错误     | [Link](https://www.yuque.com/ant-design/ierwgq/scvwns3hqzc6so9v) |
+|   **反馈**   |     结束     | [Link](https://www.yuque.com/ant-design/ierwgq/ik6irl09twqg0hnx) |
diff --git a/docs/spec/conversation-design.zh-CN.md b/docs/spec/conversation-design.zh-CN.md
index 92b1c761..e8e5ebdb 100644
--- a/docs/spec/conversation-design.zh-CN.md
+++ b/docs/spec/conversation-design.zh-CN.md
@@ -8,11 +8,11 @@ title: 介绍
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ohp_SLO1eaEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-用户的模糊意图通过会话的方式来逐步与 AI 对焦、拆解，而用户的各项操作指令通常也以交互式卡片的形式贯穿于会话流之中。会话风格与角色的一致性，也是 AI 体验的关键。此外，每一次良好人机的自然会话体验背后，其实都隐藏着一套隐含的、系统性的体验规则。上述这些正是会话设计所需要定义的。
+用户的模糊意图通过会话的方式来逐步与 AI 对焦、拆解，而用户的各项操作指令通常也以交互式卡片的形式贯穿于会话流之中。会话风格与角色的一致性，也是 AI 体验的关键。此外，每一次良好的人机自然会话体验背后，其实都隐藏着一套隐含的、系统性的体验规则。上述这些正是会话设计所需要定义的。
 
-<h1 id="eK9zH">WHY 为什么要做对话设计</h1>
+## WHY 为什么要做对话设计
 
-在明确用户的意图和 AI 角色定位之后，便可以着手设计对话流程了。这一过程既涉及了对用户意图的深入理解，根据用户意图，有助于设计出更加针对性和有效的对话；又涉及对 AI 角色的精确把握，根据 AI 角色性格，可以选择合适的语言风格，构建更加真实和有说服力的对话场景。
+在明确用户的意图和 AI 角色定位之后，便可以着手设计对话流程了。这一过程既涉及对用户意图的深入理解，根据用户意图，有助于设计出更加针对性和有效的对话；又涉及对 AI 角色的精确把握，根据 AI 角色性格，可以选择合适的语言风格，构建更加真实和有说服力的对话场景。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*C94kQK-GA9QAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
@@ -20,7 +20,7 @@ title: 介绍
 
 同样，在人机交互中，对话系统也需遵循一套规则，以确保语义的准确传达、行为的合理展现以及意图的清晰表达。这些规则对于促进用户目标的实现、提升交互体验具有至关重要的作用。通过精心设计的对话规则，可以优化人机对话系统的性能，使其更贴近自然语言交流的流畅性和效率，进而为用户提供更加优质的交互体验。
 
-<h1 id="wL1EV">WHAT 什么是会话设计</h1>
+## WHAT 什么是会话设计
 
 ![什么是会话设计](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*QI3xQrObsI4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
@@ -34,91 +34,54 @@ title: 介绍
 
 **对于同一个用户请求，可以通过不同的对话设计组件组合，形成同一语义，不同风格的对话：**
 
-- 语义一致性与风格多样性： 即便面对相同的用户请求，通过灵活运用不同的对话设计组件，可以创造出在语义上保持一致，但在风格上各具特色的对话响应。这种设计允许AI在保持信息传递准确性的同时，也能够提供多样化的用户体验。
+- **语义一致性与风格多样性：** 即便面对相同的用户请求，通过灵活运用不同的对话设计组件，可以创造出在语义上保持一致，但在风格上各具特色的对话响应。这种设计允许 AI 在保持信息传递准确性的同时，也能够提供多样化的用户体验。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*2q8gQZMp9l4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-因此对话交互组件的设计和应用是实现高效、个性化人机对话的关键。通过精心构建和优化这些组件，可以显著提升对话系统的性能和用户的交互体验。
+因此，对话交互组件的设计和应用是实现高效、个性化人机对话的关键。通过精心构建和优化这些组件，可以显著提升对话系统的性能和用户的交互体验。
 
-<h1 id="x7aAE">HOW 原则</h1>
+## HOW 原则
 
-在人机对话交互中，尽管对话交互组件具有自然性和操作路径简化等优势，但它们也面临着一些挑战，例如意图识别的不准确性可能导致错误回复，以及槽位信息的缺失可能需要多轮对话来补全信息。对话交互的核心目标是解决用户问题并提高效率，任何对话交互设计都应遵循这一原则。针对这些问题，我们制定了对话交互的通用性原则，旨在优化对话设计，发挥其优势同时规避劣势，以更有效地解决用户的实际问题。通过下述原则，可以构建出更加高效、准确且用户友好的对话交互系统。
+在人机对话交互中，尽管对话交互组件具有自然性和操作路径简化等优势，但它们也面临一些挑战，例如意图识别的不准确性可能导致错误回复，以及槽位信息的缺失可能需要多轮对话来补全信息。对话交互的核心目标是解决用户问题并提高效率，任何对话交互设计都应遵循这一原则。针对这些问题，我们制定了对话交互的通用性原则，旨在优化对话设计，发挥其优势同时规避劣势，以更有效地解决用户的实际问题。通过下述原则，可以构建出更加高效、准确且用户友好的对话交互系统。
 
-<h2 id="iA1bl">信息充分且真实</h2>
+### 信息充分且真实
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*h_9JQLDK_JIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在人机对话交互中，要确保提供给用户的是真实信息，建立用户和 AI 之间的信任，强调以用户为中心。
+1. **AI 需提供真实的信息：** 对话交互系统必须基于事实和数据提供信息，以确保用户能够依据真实、准确的信息做出决策。这要求 AI 在处理用户请求时，必须写明引用的数据源，并确保信息的时效性和准确性。
 
-1. **AI 需提供真实的信息：**对话交互系统必须基于事实和数据提供信息，以确保用户能够依据真实、准确的信息做出决策。这要求 AI 在处理用户请求时，必须写明引用的数据源，并确保信息的时效性和准确性。
+2. **AI 需告知自己能力界限：** AI 应明确告知用户其功能和限制，避免用户对 AI 能力产生误解。这包括在 AI 无法提供确切答案或执行特定任务时，诚实地向用户说明情况，并提供备选方案或建议。
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*_SoFRY_Rm30AAAAAAAAAAAAADgCCAQ/fmt.webp)
+3. **针对性信息提供：** 对话主体应具备针对性，针对特定的决策问题和决策者提供专门的支持。AI 应根据用户的具体需求，提供定制化的信息和建议。
 
-2. ** AI 需告知自己能力界限：**AI 应明确告知用户其功能和限制，避免用户对 AI 能力产生误解。这包括在 AI 无法提供确切答案或执行特定任务时，诚实地向用户说明情况，并提供备选方案或建议。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*83p9R7JFirgAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-3. **针对性信息提供：**对话主体应具备针对性，针对特定的决策问题和决策者提供专门的支持。这意味着 AI 需要能够根据用户的具体需求，提供定制化的信息和建议，以增强决策的相关性和有效性
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*BEkxTZKqypgAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h2 id="LUxrI">话术要清晰易懂</h2>
+### 话术要清晰易懂
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*BEkxTZKqypgAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在对话设计中，使用的话术要易于用户记忆、理解及清晰表意，从而实现更加有效的沟通。
-
-1. **任务相关性**：对话内容应紧密围绕用户的任务和目标展开，确保信息的相关性，以提高用户对对话的关注度和记忆度。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*wSo8Qa4UqI4AAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-2. **词汇的普及性**：选用普遍熟悉且易于理解的词汇，有助于降低用户的认知负荷，使得信息传递更加高效。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*VSkrRLuLN2kAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-3. **术语的一致性**：在对话过程中，对特定术语或概念的使用应保持一致性，这有助于用户建立稳定的理解框架，避免混淆。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*myBASJk_wp0AAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-4. **句式的简洁性**：避免使用复杂的句式结构，转而使用简洁、直接的表述方式，以便用户快速把握信息要点。
+1. **任务相关性：** 对话内容应紧密围绕用户的任务和目标展开，确保信息的相关性，以提高用户对对话的关注度和记忆度。
+2. **词汇的普及性：** 选用普遍熟悉且易于理解的词汇，有助于降低用户的认知负荷，使得信息传递更加高效。
+3. **术语的一致性：** 在对话过程中，对特定术语或概念的使用应保持一致性，避免用户混淆。
+4. **句式的简洁性：** 避免复杂句式结构，转而使用简洁、直接的表述方式，以便用户快速把握信息要点。
+5. **清晰度：** 信息表述必须清晰明了，避免歧义，确保用户能够准确理解内容。
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*tRXKSahVc4wAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-5. **清晰度**：信息的表述必须清晰明了，避免歧义，确保用户能够准确理解所传达的内容。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*flR6QIBpFq0AAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h2 id="r7Mfm">自然友好并且尊重用户</h2>
+### 自然友好并且尊重用户
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Dkx5Tat2d6IAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在 AI 与用户的互动中，需要尊重用户，认可用户的感受。
-
-1. **自然交流：**应采用自然口语风格，使对话更加贴近日常交流，提高用户的交流体验，确保沟通的亲切感和易理解性。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*hKpWR56DgjAAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-2. **尊重与认可：**在所有交互中，AI 将始终保持对用户的尊重，认可并重视用户的感受和观点，以建立信任和积极的互动环境。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*WalpQrw9VvEAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-3. **敏感话题回避：**对于可能引起争议或不适的敏感话题，应予以回避，以免造成不必要的误解或冲突。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*vY0wTbb5QKYAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-4. **审慎处理内容：**对于用户未主动请求的信息或内容，应保持谨慎态度，避免过度干预或提供不适当的信息。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*I2fZTL6_FpgAAAAAAAAAAAAADgCCAQ/fmt.webp)
+1. **自然交流：** 采用自然口语风格，使对话更加贴近日常交流，提升用户的互动体验。
+2. **尊重与认可：** 在交互中，AI 始终对用户表示尊重，认可用户的感受和观点，以建立信任和积极的互动环境。
+3. **敏感话题回避：** 对于可能引起争议或不适的敏感话题，应予以回避，避免不必要的误解或冲突。
+4. **审慎处理内容：** 对于用户未主动请求的信息或内容，保持谨慎态度，避免过度干预或提供不适当的信息。
 
-<h1 id="RtSiO">对话组件预览</h1>
+## 对话组件预览
 
-为了更直观的了解并使用对话组件，我们将对话流程划分为四个主要环节，每个环节都对应着特定的组件。依次为：欢迎组件、引导组件、追问组件、提示组件、确认组件、错误处理组件以及结束组件。有关这些模块的详细信息，请参阅以下文档。
+为了更直观地了解并使用对话组件，我们将对话流程划分为四个主要环节，每个环节都对应特定的组件。以下是对话流程与组件的预览。
 
-| **对话流程** | **对话组件** |                           **详细内容**                            |
-| :----------: | :----------: | :---------------------------------------------------------------: |
-|   **唤醒**   |     开始     | [ Link](https://www.yuque.com/ant-design/ierwgq/qm1gguw5cd4uoyzn) |
-|   **识别**   |     追问     | [Link](https://www.yuque.com/ant-design/ierwgq/bkznpghceqmlc576)  |
-|              |     提示     | [Link](https://www.yuque.com/ant-design/ierwgq/fdpn5vbn465d18oc)  |
-|   **确认**   |     确认     | [Link](https://www.yuque.com/ant-design/ierwgq/yg5ka8fs2p2qc28a)  |
-|              |     错误     | [ Link](https://www.yuque.com/ant-design/ierwgq/scvwns3hqzc6so9v) |
-|   **反馈**   |     结束     | [ Link](https://www.yuque.com/ant-design/ierwgq/ik6irl09twqg0hnx) |
+| **对话流程** | **对话组件** |                           **详细内容**                           |
+| :----------: | :----------: | :--------------------------------------------------------------: |
+|   **唤醒**   |     开始     | [Link](https://www.yuque.com/ant-design/ierwgq/qm1gguw5cd4uoyzn) |
+|   **识别**   |     追问     | [Link](https://www.yuque.com/ant-design/ierwgq/bkznpghceqmlc576) |
+|              |     提示     | [Link](https://www.yuque.com/ant-design/ierwgq/fdpn5vbn465d18oc) |
+|   **确认**   |     确认     | [Link](https://www.yuque.com/ant-design/ierwgq/yg5ka8fs2p2qc28a) |
+|              |     错误     | [Link](https://www.yuque.com/ant-design/ierwgq/scvwns3hqzc6so9v) |
+|   **反馈**   |     结束     | [Link](https://www.yuque.com/ant-design/ierwgq/ik6irl09twqg0hnx) |
diff --git a/docs/spec/define-intention-type.en-US.md b/docs/spec/define-intention-type.en-US.md
index 3422f856..41bbbd6b 100644
--- a/docs/spec/define-intention-type.en-US.md
+++ b/docs/spec/define-intention-type.en-US.md
@@ -8,34 +8,46 @@ order: 1
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Hl54SK43ZcEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="background-color:rgb(253, 253, 254);">在意图设计的概览中，我们提及了意图可依据不同领域与维度进行分类。</font>
+在意图设计的概览中，我们提及了意图可依据不同领域与维度进行分类：
 
-- **<font style="background-color:rgb(253, 253, 254);">从用户意图清晰度，可分为意图清晰与意图模糊。</font>**<font style="background-color:rgb(253, 253, 254);">通常来说意图模糊，通过对话的方式，能更加高效洞察与满足意图；而意图清晰的用户，通过简单的操作即可完成用户的目标，例如点击按钮或者图标等。</font>
-- **<font style="background-color:rgb(253, 253, 254);">从用户与系统间交互目的，可分为咨询信息类与执行任务类。</font>**<font style="background-color:rgb(253, 253, 254);">咨询信息类意图主要关联用户的查看与搜索行为，体现了用户对于信息的获取意图；执行任务类意图主要关联用户的操作与管理行为，体现了用户希望系统执行特定任务或操作的意图。</font>
+- **从用户意图清晰度：**  
+  意图可分为 **清晰意图** 和 **模糊意图**。
 
-<font style="background-color:rgb(253, 253, 254);">我们发现意图分类与用户行为存在着紧密的关联性。以上信息有助于我们更了解用户意图，从而设计出更加符合用户期望的界面交互模式。</font>
+  - 通常来说，模糊意图通过对话的方式，更高效地洞察与满足用户需求。
+  - 清晰意图的用户通过简单的操作即可完成目标，例如点击按钮或图标。
+
+- **从用户与系统间交互目的：**  
+  可分为 **咨询信息类** 和 **执行任务类**。
+  - **咨询信息类意图** 主要关联用户的查看与搜索行为，体现了用户对于信息的获取意图。
+  - **执行任务类意图** 主要关联用户的操作与管理行为，体现了用户希望系统执行特定任务或操作的意图。
+
+我们发现意图分类与用户行为存在着紧密的关联性。以上信息有助于我们更了解用户意图，从而设计出更加符合用户期望的界面交互模式。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*9LwoQ4MwwDMAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在意图类型与用户行为象限图的基础上，如果我们把目前主流的 AI 产品已有的介入方式做一个叠加的话，我们发现意图类型+用户行为与 AI 介入方式存在着一定的关系。
+在意图类型与用户行为象限图的基础上，如果我们把目前主流的 AI 产品已有的介入方式做一个叠加的话，我们发现意图类型+用户行为与 AI 介入方式存在着一定的关系：
 
-- **Do 适合内嵌式：** 以界面操作为主，偶尔唤起AI快捷指令，更适合意图上清晰与行为上做管为主的。
-- **Chat 适合独立式：** 以自然语言为主，几乎没有界面操作。更适合意图上模糊与行为上查看搜索为主的。
-- **Chat+Do 适合助手式：** 自然语言和界面操作均衡配合使用。较强通用性更加适合以上 2 种交叉的场景。
+- **Do 适合内嵌式：**  
+  以界面操作为主，偶尔唤起AI快捷指令，更适合意图上清晰与行为上做管为主的。
+- **Chat 适合独立式：**  
+  以自然语言为主，几乎没有界面操作。更适合意图上模糊与行为上查看搜索为主的。
+- **Chat+Do 适合助手式：**  
+  自然语言和界面操作均衡配合使用。较强通用性更加适合以上 2 种交叉的场景。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*9gYzSLymZJ8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="background-color:rgb(253, 253, 254);">这并不意味着每种意图都只能对应一种交互介入方式。在实际应用中，产品设计者需要根据具体的场景和需求来选择最合适的 AI 介入形式。</font>
+这并不意味着每种意图都只能对应一种交互介入方式。在实际应用中，产品设计者需要根据具体的场景和需求来选择最合适的 AI 介入形式。
+
+## 最佳案例
 
-<h3 id="GhfZI">最佳案例</h3>
-<h6 id="dU1Jh">独立式</h6>
+### 独立式
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*PGBUQpVeVm0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h6 id="BrvU6">助手式</h6>
+### 助手式
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*lqolSZOH3-4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h6 id="Lx9NL">内嵌式</h6>
+### 内嵌式
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*39iBTpJDTSEAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/define-intention-type.zh-CN.md b/docs/spec/define-intention-type.zh-CN.md
index 3422f856..41bbbd6b 100644
--- a/docs/spec/define-intention-type.zh-CN.md
+++ b/docs/spec/define-intention-type.zh-CN.md
@@ -8,34 +8,46 @@ order: 1
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Hl54SK43ZcEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="background-color:rgb(253, 253, 254);">在意图设计的概览中，我们提及了意图可依据不同领域与维度进行分类。</font>
+在意图设计的概览中，我们提及了意图可依据不同领域与维度进行分类：
 
-- **<font style="background-color:rgb(253, 253, 254);">从用户意图清晰度，可分为意图清晰与意图模糊。</font>**<font style="background-color:rgb(253, 253, 254);">通常来说意图模糊，通过对话的方式，能更加高效洞察与满足意图；而意图清晰的用户，通过简单的操作即可完成用户的目标，例如点击按钮或者图标等。</font>
-- **<font style="background-color:rgb(253, 253, 254);">从用户与系统间交互目的，可分为咨询信息类与执行任务类。</font>**<font style="background-color:rgb(253, 253, 254);">咨询信息类意图主要关联用户的查看与搜索行为，体现了用户对于信息的获取意图；执行任务类意图主要关联用户的操作与管理行为，体现了用户希望系统执行特定任务或操作的意图。</font>
+- **从用户意图清晰度：**  
+  意图可分为 **清晰意图** 和 **模糊意图**。
 
-<font style="background-color:rgb(253, 253, 254);">我们发现意图分类与用户行为存在着紧密的关联性。以上信息有助于我们更了解用户意图，从而设计出更加符合用户期望的界面交互模式。</font>
+  - 通常来说，模糊意图通过对话的方式，更高效地洞察与满足用户需求。
+  - 清晰意图的用户通过简单的操作即可完成目标，例如点击按钮或图标。
+
+- **从用户与系统间交互目的：**  
+  可分为 **咨询信息类** 和 **执行任务类**。
+  - **咨询信息类意图** 主要关联用户的查看与搜索行为，体现了用户对于信息的获取意图。
+  - **执行任务类意图** 主要关联用户的操作与管理行为，体现了用户希望系统执行特定任务或操作的意图。
+
+我们发现意图分类与用户行为存在着紧密的关联性。以上信息有助于我们更了解用户意图，从而设计出更加符合用户期望的界面交互模式。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*9LwoQ4MwwDMAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在意图类型与用户行为象限图的基础上，如果我们把目前主流的 AI 产品已有的介入方式做一个叠加的话，我们发现意图类型+用户行为与 AI 介入方式存在着一定的关系。
+在意图类型与用户行为象限图的基础上，如果我们把目前主流的 AI 产品已有的介入方式做一个叠加的话，我们发现意图类型+用户行为与 AI 介入方式存在着一定的关系：
 
-- **Do 适合内嵌式：** 以界面操作为主，偶尔唤起AI快捷指令，更适合意图上清晰与行为上做管为主的。
-- **Chat 适合独立式：** 以自然语言为主，几乎没有界面操作。更适合意图上模糊与行为上查看搜索为主的。
-- **Chat+Do 适合助手式：** 自然语言和界面操作均衡配合使用。较强通用性更加适合以上 2 种交叉的场景。
+- **Do 适合内嵌式：**  
+  以界面操作为主，偶尔唤起AI快捷指令，更适合意图上清晰与行为上做管为主的。
+- **Chat 适合独立式：**  
+  以自然语言为主，几乎没有界面操作。更适合意图上模糊与行为上查看搜索为主的。
+- **Chat+Do 适合助手式：**  
+  自然语言和界面操作均衡配合使用。较强通用性更加适合以上 2 种交叉的场景。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*9gYzSLymZJ8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="background-color:rgb(253, 253, 254);">这并不意味着每种意图都只能对应一种交互介入方式。在实际应用中，产品设计者需要根据具体的场景和需求来选择最合适的 AI 介入形式。</font>
+这并不意味着每种意图都只能对应一种交互介入方式。在实际应用中，产品设计者需要根据具体的场景和需求来选择最合适的 AI 介入形式。
+
+## 最佳案例
 
-<h3 id="GhfZI">最佳案例</h3>
-<h6 id="dU1Jh">独立式</h6>
+### 独立式
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*PGBUQpVeVm0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h6 id="BrvU6">助手式</h6>
+### 助手式
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*lqolSZOH3-4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h6 id="Lx9NL">内嵌式</h6>
+### 内嵌式
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*39iBTpJDTSEAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/end.en-US.md b/docs/spec/end.en-US.md
index b091565f..15f27120 100644
--- a/docs/spec/end.en-US.md
+++ b/docs/spec/end.en-US.md
@@ -8,27 +8,27 @@ title: 结束
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*l97pQZf55w4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="LACTV">WHAT 概述</h1>
+## WHAT 概述
 
 AI 在对话过程中，应以优雅的方式结束交流。通过精心设计的结束语，AI 不仅能够展示其社交智慧，还能确保用户在对话结束时感到满意和受尊重。在对话即将结束时，AI 应提供有益的总结或明确的后续步骤建议，使得对话的收尾既流畅又富有成效，为用户留下积极的印象，并为未来的互动奠定良好的基础。
 
-<h1 id="UKFFu">HOW 如何操作</h1>
+## HOW 如何操作
 
-<h2 id="VgUee"><font style="color:rgb(32, 33, 36);">已完成的意图</font></h2>
+### 已完成的意图
 
 当用户的需求或意图得到满足时，AI 应确保用户清楚地认识到任务已经圆满完成，并通过恰当的结束语来确认对话的结束，使用户感到满意和被尊重。此外，AI 应主动询问用户是否需要进一步的帮助或有其他问题，以确保用户在对话结束时感到被充分照顾。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*9AP9RYhIBL8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="JjcIj">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*FrGtRqUj_7MAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="HWlMO"><font style="color:rgb(32, 33, 36);">放弃的意图</font></h2>
+### 放弃的意图
 
-用户可能会因为多种原因而放弃正在进行的任务。无论具体原因是什么，作为 AI 应当尊重用户的决定，允许他们在适当的时候结束对话。这意味着 AI 需要提供清晰的指示或选项，让用户可以轻松地选择退出对话，同时确保用户知道他们随时可以回来继续或重新开始。通过这种方式，AI 支持用户保持控制权，并在交流过程中感到舒适和尊重。
+用户可能会因为多种原因而放弃正在进行的任务。无论具体原因是什么，AI 应尊重用户的决定，允许他们在适当的时候结束对话。这意味着 AI 需要提供清晰的指示或选项，让用户可以轻松选择退出对话，同时确保用户知道他们随时可以回来继续或重新开始。通过这种方式，AI 支持用户保持控制权，并在交流过程中感到舒适和尊重。
 
-<h3 id="pHwrP"><font style="color:rgb(32, 33, 36);">让用户可以直接退出</font></h3>
+#### 让用户可以直接退出
 
 除非会丢失重大进展，否则不要进行二次确认。
 
@@ -36,44 +36,41 @@ AI 在对话过程中，应以优雅的方式结束交流。通过精心设计
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bqwuR5dIx4IAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="kHG0X"><font style="color:#000000;">合理结束对话</font></h3>
+#### 合理结束对话
 
 一旦用户表明对话已结束，那就假设你已经失去了他们的注意力。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*CQ5gRb8APpUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="cQlR5">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*CW8eR523owIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="ocnlc"><font style="color:rgb(32, 33, 36);">不支持的意图</font></h2>
+### 不支持的意图
 
 当 AI 无法支持用户请求的功能时，对话将会终止。在这种情况下，关键的做法是坦诚地承认 AI 能力的不足，并提供可行的替代方案或引导用户通过其他途径实现目标。此外，这也是收集反馈和数据的宝贵机会，用以未来增强 AI 的功能和效能，更准确地迎合用户需求。通过采取透明且用户友好的错误处理措施，可以最大程度地减少用户的失望感，并保持他们对 AI 服务的信任和满意度。
 
-<h3 id="fcnR0">回复简洁恰当</h3>
+#### 回复简洁恰当
 
 1. 当请求超出范围时，简要通知用户，并避免过度使用道歉，例如一直说“对不起”。
 2. 避免过度承诺。仅在有计划构建所请求功能的情况下使用“我还不能做 X”这样的短语。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*tpCSSq-dDtsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="W7Ks1">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*xbHOQY7fn_kAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="uhEah"><font style="color:rgb(32, 33, 36);">错误</font></h2>
+### 错误
 
 在对话中，遇到无法恢复的错误，例如用户输入超出系统处理能力时，应采取适当的措施来结束对话。
 
-1. **超时无响应：**若用户在预设的等待时间内未进行输入，系统应自动终止对话，并提供重新启动对话的选项，以便用户能够继续获取所需服务。
-2. **无法匹配输入：**当用户的输入内容无法被系统解析或与任何预设命令不匹配时，AI应提供明确的错误反馈。同时，AI应给出建议或可能的行动方案，指导用户如何调整输入以获得帮助。
+1. **超时无响应：** 若用户在预设的等待时间内未进行输入，系统应自动终止对话，并提供重新启动对话的选项，以便用户能够继续获取所需服务。
+2. **无法匹配输入：** 当用户的输入内容无法被系统解析或与任何预设命令不匹配时，AI 应提供明确的错误反馈。同时，AI 应给出建议或可能的行动方案，指导用户如何调整输入以获得帮助。
+3. **系统错误：** 如果因为系统限制无法满足用户请求，AI 应明确告知用户当前无法提供所需服务，并提供备选或引导至其他服务。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Qa78S6hhT-QAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-3. **系统错误：**如果因为系统限制无法满足用户请求，AI应明确告知用户当前无法提供所需服务，并提供备选或引导至其他服务。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*t4J8T5I2AowAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h3 id="KRW5F">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*cGTxRbmiHawAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/end.zh-CN.md b/docs/spec/end.zh-CN.md
index b091565f..15f27120 100644
--- a/docs/spec/end.zh-CN.md
+++ b/docs/spec/end.zh-CN.md
@@ -8,27 +8,27 @@ title: 结束
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*l97pQZf55w4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="LACTV">WHAT 概述</h1>
+## WHAT 概述
 
 AI 在对话过程中，应以优雅的方式结束交流。通过精心设计的结束语，AI 不仅能够展示其社交智慧，还能确保用户在对话结束时感到满意和受尊重。在对话即将结束时，AI 应提供有益的总结或明确的后续步骤建议，使得对话的收尾既流畅又富有成效，为用户留下积极的印象，并为未来的互动奠定良好的基础。
 
-<h1 id="UKFFu">HOW 如何操作</h1>
+## HOW 如何操作
 
-<h2 id="VgUee"><font style="color:rgb(32, 33, 36);">已完成的意图</font></h2>
+### 已完成的意图
 
 当用户的需求或意图得到满足时，AI 应确保用户清楚地认识到任务已经圆满完成，并通过恰当的结束语来确认对话的结束，使用户感到满意和被尊重。此外，AI 应主动询问用户是否需要进一步的帮助或有其他问题，以确保用户在对话结束时感到被充分照顾。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*9AP9RYhIBL8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="JjcIj">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*FrGtRqUj_7MAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="HWlMO"><font style="color:rgb(32, 33, 36);">放弃的意图</font></h2>
+### 放弃的意图
 
-用户可能会因为多种原因而放弃正在进行的任务。无论具体原因是什么，作为 AI 应当尊重用户的决定，允许他们在适当的时候结束对话。这意味着 AI 需要提供清晰的指示或选项，让用户可以轻松地选择退出对话，同时确保用户知道他们随时可以回来继续或重新开始。通过这种方式，AI 支持用户保持控制权，并在交流过程中感到舒适和尊重。
+用户可能会因为多种原因而放弃正在进行的任务。无论具体原因是什么，AI 应尊重用户的决定，允许他们在适当的时候结束对话。这意味着 AI 需要提供清晰的指示或选项，让用户可以轻松选择退出对话，同时确保用户知道他们随时可以回来继续或重新开始。通过这种方式，AI 支持用户保持控制权，并在交流过程中感到舒适和尊重。
 
-<h3 id="pHwrP"><font style="color:rgb(32, 33, 36);">让用户可以直接退出</font></h3>
+#### 让用户可以直接退出
 
 除非会丢失重大进展，否则不要进行二次确认。
 
@@ -36,44 +36,41 @@ AI 在对话过程中，应以优雅的方式结束交流。通过精心设计
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bqwuR5dIx4IAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="kHG0X"><font style="color:#000000;">合理结束对话</font></h3>
+#### 合理结束对话
 
 一旦用户表明对话已结束，那就假设你已经失去了他们的注意力。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*CQ5gRb8APpUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="cQlR5">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*CW8eR523owIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="ocnlc"><font style="color:rgb(32, 33, 36);">不支持的意图</font></h2>
+### 不支持的意图
 
 当 AI 无法支持用户请求的功能时，对话将会终止。在这种情况下，关键的做法是坦诚地承认 AI 能力的不足，并提供可行的替代方案或引导用户通过其他途径实现目标。此外，这也是收集反馈和数据的宝贵机会，用以未来增强 AI 的功能和效能，更准确地迎合用户需求。通过采取透明且用户友好的错误处理措施，可以最大程度地减少用户的失望感，并保持他们对 AI 服务的信任和满意度。
 
-<h3 id="fcnR0">回复简洁恰当</h3>
+#### 回复简洁恰当
 
 1. 当请求超出范围时，简要通知用户，并避免过度使用道歉，例如一直说“对不起”。
 2. 避免过度承诺。仅在有计划构建所请求功能的情况下使用“我还不能做 X”这样的短语。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*tpCSSq-dDtsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="W7Ks1">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*xbHOQY7fn_kAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="uhEah"><font style="color:rgb(32, 33, 36);">错误</font></h2>
+### 错误
 
 在对话中，遇到无法恢复的错误，例如用户输入超出系统处理能力时，应采取适当的措施来结束对话。
 
-1. **超时无响应：**若用户在预设的等待时间内未进行输入，系统应自动终止对话，并提供重新启动对话的选项，以便用户能够继续获取所需服务。
-2. **无法匹配输入：**当用户的输入内容无法被系统解析或与任何预设命令不匹配时，AI应提供明确的错误反馈。同时，AI应给出建议或可能的行动方案，指导用户如何调整输入以获得帮助。
+1. **超时无响应：** 若用户在预设的等待时间内未进行输入，系统应自动终止对话，并提供重新启动对话的选项，以便用户能够继续获取所需服务。
+2. **无法匹配输入：** 当用户的输入内容无法被系统解析或与任何预设命令不匹配时，AI 应提供明确的错误反馈。同时，AI 应给出建议或可能的行动方案，指导用户如何调整输入以获得帮助。
+3. **系统错误：** 如果因为系统限制无法满足用户请求，AI 应明确告知用户当前无法提供所需服务，并提供备选或引导至其他服务。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Qa78S6hhT-QAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-3. **系统错误：**如果因为系统限制无法满足用户请求，AI应明确告知用户当前无法提供所需服务，并提供备选或引导至其他服务。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*t4J8T5I2AowAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h3 id="KRW5F">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*cGTxRbmiHawAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/error.en-US.md b/docs/spec/error.en-US.md
index a6b56ac7..bcd5874f 100644
--- a/docs/spec/error.en-US.md
+++ b/docs/spec/error.en-US.md
@@ -8,7 +8,7 @@ title: 错误
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*2zMiQIQK9c8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="SussH">WHAT 概述</h1>
+## WHAT 概述
 
 尽管 AI 在自然语言处理领域有显著进步，但在实际应用中仍可能遇到对话无法继续的情况，这可能导致错误。常见的错误类型包括：
 
@@ -23,96 +23,80 @@ title: 错误
 1. 及时识别并明确指出问题所在；
 2. 提供清晰的指导，帮助用户纠正错误或提供有效的替代方案；
 3. 保持友好和专业的语气，以减少用户的挫败感；
-4. 记录错误情况，以便不断改进AI的理解和响应能力。
+4. 记录错误情况，以便不断改进 AI 的理解和响应能力。
 
-通过这样的措施，可以最大限度地减少错误对用户体验的负面影响，同时提升AI系统的可靠性和用户满意度。
+通过这样的措施，可以最大限度地减少错误对用户体验的负面影响，同时提升 AI 系统的可靠性和用户满意度。
 
-<h1 id="cgCNC">HOW 如何操作</h1>
+## HOW 如何操作
 
-<h2 id="EAGSG">**AI 无法解析或无法匹配用户的输入内容**</h2>
+### AI 无法解析或无法匹配用户的输入内容
 
-在 AI 对话设计中，"无匹配"错误是指系统在处理用户输入时，无法找到与用户意图相匹配的响应或操作。这种情况通常发生在用户的问题或请求超出了 AI 系统预设的处理范围，或者用户的表达方式与系统训练数据中的模式不匹配时。例如，如果用户使用非常规的措辞或提出一个系统未被训练来识别的新颖问题，AI 可能无法理解其意图，从而导致无匹配错误。
+在 AI 对话设计中，"无匹配"错误是指系统在处理用户输入时，无法找到与用户意图相匹配的响应或操作。这种情况通常发生在用户的问题或请求超出了 AI 系统预设的处理范围，或者用户的表达方式与系统训练数据中的模式不匹配时。
 
-<h3 id="ahSXv">**<font style="color:rgb(6, 6, 7);">引导用户重新表述</font>**</h3>
+#### 引导用户重新表述
 
-为了应对这种错误，AI 需要具备一定的错误处理和恢复机制。例如引导用户重新表述法，系统应通过提问或提供选项的方式，引导用户以更清晰、更具体的方式重新表述他们的问题或请求。一般在缺少必填槽位（无该内容无法执行任务），必填槽位答案唯一但涉及范围比较广，AI 无法进行猜测时使用该方法
+系统应通过提问或提供选项的方式，引导用户以更清晰、更具体的方式重新表述他们的问题或请求。一般在缺少必填槽位，或必填槽位答案唯一但涉及范围广，AI 无法进行猜测时使用该方法。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*CqISQJfdzqoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="vPdhb"><font style="color:rgb(32, 33, 36);">组件总结</font></h3>
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*CoAhR4xjsKQAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h3 id="BIoou"><font style="color:rgb(32, 33, 36);">缩小范围</font></h3>
+#### 缩小范围
 
 在重新询问用户时，AI 可以采取缩小范围的策略来增强交互的清晰度和效率。包括：
 
-1. **展示选项**：通过提供清晰的选择，使用户能够快速识别并选择最符合其需求的选项。
+1. **展示选项**：通过提供清晰的选择，使用户快速识别并选择最符合其需求的选项。
 2. **提供示例**：通过示例展示正确的输入格式或期望的答案类型，帮助用户更准确地表达他们的请求。
-3. **预测需求**：利用AI的分析能力，预测用户可能的需求，并主动提供相关信息，以减少用户的输入努力。
+3. **预测需求**：利用 AI 的分析能力，预测用户可能的需求，并主动提供相关信息，以减少用户的输入努力。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*BqzoQIMo8DEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="MjVl2">组件总结</h3>
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*pYSIRqIK5oMAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h3 id="EPB77"><font style="color:rgb(32, 33, 36);">承认错误</font></h3>
+#### 承认错误
 
-为了避免用户经历连续的挫败感，AI 应在两次尝试理解用户意图失败后，主动结束对话。在这种情况下，提供不明确的承诺可能会损害用户对系统的信任。因此，应该：
+为了避免用户经历连续的挫败感，AI 应在两次尝试理解用户意图失败后，主动结束对话。此时，系统应：
 
-1. **及时终止对话：**在两次尝试后，如果仍然无法准确理解用户的需求，系统应礼貌地结束对话，避免无谓的尝试。
-2. **明确承认局限：**系统应诚实地向用户说明其当前能力的限制，并承认无法解决用户的问题。
-3. **提供替代方案：**在结束对话前，系统可以提供其他可能的解决方案或建议用户寻求其他帮助渠道。
-4. **保持透明和诚实：**通过透明和诚实的沟通，系统可以维护用户的信任，并为未来的交互留下积极的印象。
-5. **收集反馈：**系统应鼓励用户提供反馈，以便从这些互动中学习并改进未来的性能。
+1. **及时终止对话**：在两次尝试后，礼貌地结束对话，避免无谓的尝试。
+2. **明确承认局限**：说明系统当前能力的限制，承认无法解决用户的问题。
+3. **提供替代方案**：建议用户其他可能的解决方案或帮助渠道。
+4. **保持透明和诚实**：通过透明和诚实的沟通，维护用户的信任。
+5. **收集反馈**：鼓励用户提供反馈，以便改进未来性能。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*mXiTTo9E1HAAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="jKoy0">组件总结</h3>
+### 用户提供了无效的输入
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*j21eTJ-CTvUAAAAAAAAAAAAADgCCAQ/fmt.webp)
+在对话交互中，用户可能会因为设备故障、网络不稳定，或误解 AI 的提示而提供不相关或不精确的数据。此时需要引导用户重新提供信息。
 
-<h2 id="vg62S">用户提供了无效的输入</h2>
+#### 重诉问题
 
-在对话交互中，用户可能会因为设备故障或网络不稳定而发送损坏或丢失的信息，或者由于误解 AI 的提示而提供不相关或不精确的数据。这就需要引导用户重新提供信息或通过帮助他们更准确地表达需求。
-
-<h3 id="Ulsp3"><font style="color:rgb(6, 6, 7);"> 重诉问题</font></h3>
-
-在对话过程中，用户有时可能会因为设备故障或网络连接问题而发送出受损或不完整的信息。在这种情况下，AI系统应当具备识别这类问题的能力，并主动要求用户重新表述他们的问题或请求。另外如果用户输入的信息不清晰，AI 可以重述其理解的问题，以确认是否正确把握了用户的意图。
+当用户的输入不完整或损坏时，AI 系统应要求用户重新表述问题。此外，若用户输入不清晰，AI 应重述其理解的问题，确认是否正确把握了用户意图。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*YDlfR6i56soAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="SoYEm"><font style="color:rgb(32, 33, 36);">结束之前再次提示</font></h3>
+#### 结束之前再次提示
 
-在 AI 对话的设计中，当识别到用户的输入可能存在问题或不完整时，应该在结束对话之前再次给予用户回复的机会，确保了用户有机会纠正或补充他们的请求，从而避免误解或未满足的需求。
+当识别到用户的输入可能存在问题或不完整时，AI 应在结束对话之前再次给予用户回复的机会，确保用户有机会纠正或补充请求。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*logJRZE1lx4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="zBWT8">合理结束</h3>
+#### 合理结束
 
-为了避免不必要的用户纠缠，并保持对话的效率和尊重，AI 应在尝试两次收集用户输入未果后，主动结束对话。这一策略不仅体现了对用户时间的尊重，也避免了可能的沟通疲劳。
+在尝试两次收集用户输入未果后，AI 应主动结束对话。这样既尊重用户时间，也避免沟通疲劳。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*jEC3S56XqiUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="xYHOI">系统错误</h2>
+### 系统错误
 
-当用户的意图无误，但执行依赖的系统无法进行任务或因技术故障而失败时，即发生系统错误。此类错误可能表现为：
+当用户的意图无误，但因技术故障或系统限制无法执行任务时，即发生系统错误。此类错误可能表现为：
 
-- **系统故障：**系统无响应或网络错误，例如网络连接超时，大模型渲染失败等
-- **无效请求：**用户发出的请求在逻辑上不成立，如尝试预约已过去的时间段。
-- **超出能力：**用户发出的请求已经超出 AI 能执行的范围，例如：给我的银行卡打 1 万块钱
+- **系统故障**：如无响应、网络连接超时、大模型渲染失败等。
+- **无效请求**：如尝试预约已过去的时间段。
+- **超出能力**：如用户要求超出 AI 能执行的范围。
 
-为了确保系统的可靠性和用户的信任，在发生错误时，应以透明、诚实的态度向用户通报情况，并提供切实可行的后续步骤建议。这包括但不限于：
+应对系统错误时，需以透明、诚实的态度向用户通报情况，并提供后续步骤建议：
 
-1. **明确错误信息：**提供清晰、具体的错误描述，避免使用技术性或模糊的语言。
-2. **解释原因：**尽可能向用户解释导致错误的技术原因，以增加透明度。
-3. **提供解决方案：**根据错误类型，给出用户可以采取的解决步骤或建议。
-4. **引导用户：**如果问题无法立即解决，应指导用户如何寻求进一步的帮助或联系技术支持。
-5. **记录和分析：**系统应自动记录错误详情，以便进行后续分析和改进。
+1. **明确错误信息**：提供清晰、具体的错误描述，避免技术性或模糊语言。
+2. **解释原因**：尽可能解释导致错误的技术原因。
+3. **提供解决方案**：根据错误类型，给出用户可行的解决步骤或建议。
+4. **引导用户**：若问题无法立即解决，指导用户如何寻求进一步帮助。
+5. **记录和分析**：系统应记录错误详情，以便后续改进。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*i9LTSZP6t_QAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h3 id="FhCnI">组件总结</h3>
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*cs2aS5jtj8AAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/error.zh-CN.md b/docs/spec/error.zh-CN.md
index a6b56ac7..bcd5874f 100644
--- a/docs/spec/error.zh-CN.md
+++ b/docs/spec/error.zh-CN.md
@@ -8,7 +8,7 @@ title: 错误
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*2zMiQIQK9c8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="SussH">WHAT 概述</h1>
+## WHAT 概述
 
 尽管 AI 在自然语言处理领域有显著进步，但在实际应用中仍可能遇到对话无法继续的情况，这可能导致错误。常见的错误类型包括：
 
@@ -23,96 +23,80 @@ title: 错误
 1. 及时识别并明确指出问题所在；
 2. 提供清晰的指导，帮助用户纠正错误或提供有效的替代方案；
 3. 保持友好和专业的语气，以减少用户的挫败感；
-4. 记录错误情况，以便不断改进AI的理解和响应能力。
+4. 记录错误情况，以便不断改进 AI 的理解和响应能力。
 
-通过这样的措施，可以最大限度地减少错误对用户体验的负面影响，同时提升AI系统的可靠性和用户满意度。
+通过这样的措施，可以最大限度地减少错误对用户体验的负面影响，同时提升 AI 系统的可靠性和用户满意度。
 
-<h1 id="cgCNC">HOW 如何操作</h1>
+## HOW 如何操作
 
-<h2 id="EAGSG">**AI 无法解析或无法匹配用户的输入内容**</h2>
+### AI 无法解析或无法匹配用户的输入内容
 
-在 AI 对话设计中，"无匹配"错误是指系统在处理用户输入时，无法找到与用户意图相匹配的响应或操作。这种情况通常发生在用户的问题或请求超出了 AI 系统预设的处理范围，或者用户的表达方式与系统训练数据中的模式不匹配时。例如，如果用户使用非常规的措辞或提出一个系统未被训练来识别的新颖问题，AI 可能无法理解其意图，从而导致无匹配错误。
+在 AI 对话设计中，"无匹配"错误是指系统在处理用户输入时，无法找到与用户意图相匹配的响应或操作。这种情况通常发生在用户的问题或请求超出了 AI 系统预设的处理范围，或者用户的表达方式与系统训练数据中的模式不匹配时。
 
-<h3 id="ahSXv">**<font style="color:rgb(6, 6, 7);">引导用户重新表述</font>**</h3>
+#### 引导用户重新表述
 
-为了应对这种错误，AI 需要具备一定的错误处理和恢复机制。例如引导用户重新表述法，系统应通过提问或提供选项的方式，引导用户以更清晰、更具体的方式重新表述他们的问题或请求。一般在缺少必填槽位（无该内容无法执行任务），必填槽位答案唯一但涉及范围比较广，AI 无法进行猜测时使用该方法
+系统应通过提问或提供选项的方式，引导用户以更清晰、更具体的方式重新表述他们的问题或请求。一般在缺少必填槽位，或必填槽位答案唯一但涉及范围广，AI 无法进行猜测时使用该方法。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*CqISQJfdzqoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="vPdhb"><font style="color:rgb(32, 33, 36);">组件总结</font></h3>
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*CoAhR4xjsKQAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h3 id="BIoou"><font style="color:rgb(32, 33, 36);">缩小范围</font></h3>
+#### 缩小范围
 
 在重新询问用户时，AI 可以采取缩小范围的策略来增强交互的清晰度和效率。包括：
 
-1. **展示选项**：通过提供清晰的选择，使用户能够快速识别并选择最符合其需求的选项。
+1. **展示选项**：通过提供清晰的选择，使用户快速识别并选择最符合其需求的选项。
 2. **提供示例**：通过示例展示正确的输入格式或期望的答案类型，帮助用户更准确地表达他们的请求。
-3. **预测需求**：利用AI的分析能力，预测用户可能的需求，并主动提供相关信息，以减少用户的输入努力。
+3. **预测需求**：利用 AI 的分析能力，预测用户可能的需求，并主动提供相关信息，以减少用户的输入努力。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*BqzoQIMo8DEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="MjVl2">组件总结</h3>
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*pYSIRqIK5oMAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h3 id="EPB77"><font style="color:rgb(32, 33, 36);">承认错误</font></h3>
+#### 承认错误
 
-为了避免用户经历连续的挫败感，AI 应在两次尝试理解用户意图失败后，主动结束对话。在这种情况下，提供不明确的承诺可能会损害用户对系统的信任。因此，应该：
+为了避免用户经历连续的挫败感，AI 应在两次尝试理解用户意图失败后，主动结束对话。此时，系统应：
 
-1. **及时终止对话：**在两次尝试后，如果仍然无法准确理解用户的需求，系统应礼貌地结束对话，避免无谓的尝试。
-2. **明确承认局限：**系统应诚实地向用户说明其当前能力的限制，并承认无法解决用户的问题。
-3. **提供替代方案：**在结束对话前，系统可以提供其他可能的解决方案或建议用户寻求其他帮助渠道。
-4. **保持透明和诚实：**通过透明和诚实的沟通，系统可以维护用户的信任，并为未来的交互留下积极的印象。
-5. **收集反馈：**系统应鼓励用户提供反馈，以便从这些互动中学习并改进未来的性能。
+1. **及时终止对话**：在两次尝试后，礼貌地结束对话，避免无谓的尝试。
+2. **明确承认局限**：说明系统当前能力的限制，承认无法解决用户的问题。
+3. **提供替代方案**：建议用户其他可能的解决方案或帮助渠道。
+4. **保持透明和诚实**：通过透明和诚实的沟通，维护用户的信任。
+5. **收集反馈**：鼓励用户提供反馈，以便改进未来性能。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*mXiTTo9E1HAAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="jKoy0">组件总结</h3>
+### 用户提供了无效的输入
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*j21eTJ-CTvUAAAAAAAAAAAAADgCCAQ/fmt.webp)
+在对话交互中，用户可能会因为设备故障、网络不稳定，或误解 AI 的提示而提供不相关或不精确的数据。此时需要引导用户重新提供信息。
 
-<h2 id="vg62S">用户提供了无效的输入</h2>
+#### 重诉问题
 
-在对话交互中，用户可能会因为设备故障或网络不稳定而发送损坏或丢失的信息，或者由于误解 AI 的提示而提供不相关或不精确的数据。这就需要引导用户重新提供信息或通过帮助他们更准确地表达需求。
-
-<h3 id="Ulsp3"><font style="color:rgb(6, 6, 7);"> 重诉问题</font></h3>
-
-在对话过程中，用户有时可能会因为设备故障或网络连接问题而发送出受损或不完整的信息。在这种情况下，AI系统应当具备识别这类问题的能力，并主动要求用户重新表述他们的问题或请求。另外如果用户输入的信息不清晰，AI 可以重述其理解的问题，以确认是否正确把握了用户的意图。
+当用户的输入不完整或损坏时，AI 系统应要求用户重新表述问题。此外，若用户输入不清晰，AI 应重述其理解的问题，确认是否正确把握了用户意图。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*YDlfR6i56soAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="SoYEm"><font style="color:rgb(32, 33, 36);">结束之前再次提示</font></h3>
+#### 结束之前再次提示
 
-在 AI 对话的设计中，当识别到用户的输入可能存在问题或不完整时，应该在结束对话之前再次给予用户回复的机会，确保了用户有机会纠正或补充他们的请求，从而避免误解或未满足的需求。
+当识别到用户的输入可能存在问题或不完整时，AI 应在结束对话之前再次给予用户回复的机会，确保用户有机会纠正或补充请求。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*logJRZE1lx4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="zBWT8">合理结束</h3>
+#### 合理结束
 
-为了避免不必要的用户纠缠，并保持对话的效率和尊重，AI 应在尝试两次收集用户输入未果后，主动结束对话。这一策略不仅体现了对用户时间的尊重，也避免了可能的沟通疲劳。
+在尝试两次收集用户输入未果后，AI 应主动结束对话。这样既尊重用户时间，也避免沟通疲劳。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*jEC3S56XqiUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="xYHOI">系统错误</h2>
+### 系统错误
 
-当用户的意图无误，但执行依赖的系统无法进行任务或因技术故障而失败时，即发生系统错误。此类错误可能表现为：
+当用户的意图无误，但因技术故障或系统限制无法执行任务时，即发生系统错误。此类错误可能表现为：
 
-- **系统故障：**系统无响应或网络错误，例如网络连接超时，大模型渲染失败等
-- **无效请求：**用户发出的请求在逻辑上不成立，如尝试预约已过去的时间段。
-- **超出能力：**用户发出的请求已经超出 AI 能执行的范围，例如：给我的银行卡打 1 万块钱
+- **系统故障**：如无响应、网络连接超时、大模型渲染失败等。
+- **无效请求**：如尝试预约已过去的时间段。
+- **超出能力**：如用户要求超出 AI 能执行的范围。
 
-为了确保系统的可靠性和用户的信任，在发生错误时，应以透明、诚实的态度向用户通报情况，并提供切实可行的后续步骤建议。这包括但不限于：
+应对系统错误时，需以透明、诚实的态度向用户通报情况，并提供后续步骤建议：
 
-1. **明确错误信息：**提供清晰、具体的错误描述，避免使用技术性或模糊的语言。
-2. **解释原因：**尽可能向用户解释导致错误的技术原因，以增加透明度。
-3. **提供解决方案：**根据错误类型，给出用户可以采取的解决步骤或建议。
-4. **引导用户：**如果问题无法立即解决，应指导用户如何寻求进一步的帮助或联系技术支持。
-5. **记录和分析：**系统应自动记录错误详情，以便进行后续分析和改进。
+1. **明确错误信息**：提供清晰、具体的错误描述，避免技术性或模糊语言。
+2. **解释原因**：尽可能解释导致错误的技术原因。
+3. **提供解决方案**：根据错误类型，给出用户可行的解决步骤或建议。
+4. **引导用户**：若问题无法立即解决，指导用户如何寻求进一步帮助。
+5. **记录和分析**：系统应记录错误详情，以便后续改进。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*i9LTSZP6t_QAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h3 id="FhCnI">组件总结</h3>
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*cs2aS5jtj8AAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/expression-user-input.en-US.md b/docs/spec/expression-user-input.en-US.md
index 155ec181..f666b53f 100644
--- a/docs/spec/expression-user-input.en-US.md
+++ b/docs/spec/expression-user-input.en-US.md
@@ -8,108 +8,96 @@ title: 表达｜用户输入
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*59IVSLXDTdIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-可用于 AI 对话的开放式输入，<font style="color:rgba(0, 0, 0, 0.85);">当用户开始向 AI 传达自己的意图时，往往需要输入多种类型的内容。</font>
+可用于 AI 对话的开放式输入，当用户开始向 AI 传达自己的意图时，往往需要输入多种类型的内容。
 
-<font style="color:rgba(0, 0, 0, 0.85);"></font>
+## 设计目标
 
-<h1 id="pFaII"><font style="color:rgba(0, 0, 0, 0.88);">设计目标</font></h1>
-
-<font style="color:rgb(28, 31, 35);">当用户有明确诉求时，需借助不同形式的输入交互来向 AI 精准表达意图，以此提升 AI 对用户意图传达的理解程度，进而给出准确回应。【输入组件】在表达阶段发挥着重要作用，借助多种形式（如文字描述、图片伤处、语音输入等）的输入组件，为用户与 AI 的交互增添了更多可能性与灵活性，让用户能够以自然、便捷且正确地完成输入内容并发送。</font>
-
-<font style="color:rgb(28, 31, 35);"></font>
-
-<font style="color:rgb(28, 31, 35);"></font>
+当用户有明确诉求时，需借助不同形式的输入交互来向 AI 精准表达意图，以此提升 AI 对用户意图传达的理解程度，进而给出准确回应。**输入组件**在表达阶段发挥着重要作用，借助多种形式（如文字描述、图片上传、语音输入等）的输入组件，为用户与 AI 的交互增添了更多可能性与灵活性，让用户能够以自然、便捷且正确地完成输入内容并发送。
 
 ---
 
-<h1 id="lGsQM">🙌文本输入</h1>
-<font style="color:rgba(0, 0, 0, 0.88);">输入框为用户提供了编辑文本的控件，是给大模型提供信息最基础和常见的方式。</font>
+## 🙌 文本输入
 
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+输入框为用户提供了编辑文本的控件，是给大模型提供信息最基础和常见的方式。
 
-<h2 id="Mbyl6"><font style="color:rgba(0, 0, 0, 0.88);">文本框（Input）</font></h2>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+### 文本框（Input）
 
-<font style="color:rgba(0, 0, 0, 0.88);">输入较少的字符总数，使用单行的输入形式。为提升数据录入效率，通常可以在输入框内增加暗提示以帮助提醒用户。</font>
+输入较少的字符总数时，使用单行的输入形式。为提升数据录入效率，通常可以在输入框内增加暗提示以帮助提醒用户。
 
-> <font style="color:rgba(0, 0, 0, 0.65);">注：可以对一些文本（如数字和网址）运用特别的样式。</font>
+> **注**：可以对一些文本（如数字和网址）运用特别的样式。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*os7CTZgHfZgAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="MCuaf"><font style="color:rgba(0, 0, 0, 0.88);">文本域（Textarea）</font></h2>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+### 文本域（Textarea）
 
-<font style="color:rgba(0, 0, 0, 0.88);">录入长篇幅的单一的文本使用多行的文本区域。</font>
+录入长篇幅的单一文本时使用多行的文本区域。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*FE3vSrLOW_UAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="ac2BR">停止生成操作</h2>
-停止生成操作常见位于输入框附近，就近方便用户操作。
+### 停止生成操作
+
+停止生成操作常见位于输入框附近，便于用户操作。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*gCKFSY3S1oUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Ba4tQ6IN6LcAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="Fyuza">🎙️ 语音输入</h1>
-<h2 id="MkJ1Y">语音倾听过程</h2>
-<font style="color:#585A5A;"></font>
+## 🎙️ 语音输入
 
-<font style="color:#585A5A;">可以提供用户以语音的形式输入，转化为文字供用户确认。</font>
+### 语音倾听过程
+
+可以提供用户以语音的形式输入，转化为文字供用户确认。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*BM6xRrVP9B4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="noDZ5">语音初次开始</h2>
-<font style="color:#585A5A;"></font>
+### 语音初次开始
 
-<font style="color:#585A5A;">初次启动语音，一般会出现系统自带的提示开启，用户允许后开启语音功能，或禁止不允许开启。</font>
+初次启动语音时，一般会出现系统自带的提示开启，用户允许后开启语音功能，或禁止开启。
 
 ![授权语音输入](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*N1QbRL-nCdUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![禁止使用语音输入](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*eaLATo9gzwEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="Yd800">语音异常</h2>
+### 语音异常
 
-<font style="color:#585A5A;">语音输入中会有异常情况出现，需要及时且清楚告知用户，如超时提醒、因网络异常而中断等。</font>
+语音输入中会有异常情况出现，需要及时且清楚告知用户，如超时提醒、因网络异常而中断等。
 
 ![超时提醒](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*N4eTQokA5akAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![网络异常](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*JrsuTYuyy_UAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="aEAMb">📃 文件输入</h1>
-文件上传是用户基于文件有意图的表达，从而让大模型基于上传文件来深入理解并回答
+## 📃 文件输入
+
+文件上传是用户基于文件有意图的表达，从而让大模型基于上传文件来深入理解并回答。
 
-<h2 id="NzaTx"><font style="color:rgba(0, 0, 0, 0.88);">简单上传</font></h2>
+### 简单上传
 
-<font style="color:#585A5A;">基础上传方式通常用于单个文件的上传，且在不需要预览效果的情况下使用。用户只需点击按钮，即可弹出文件选择框，从而选择需要上传的文件。</font>
+基础上传方式通常用于单个文件的上传，且在不需要预览效果的情况下使用。用户只需点击按钮，即可弹出文件选择框，从而选择需要上传的文件。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*E2IPT4lnwj8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="XmQP6">拖拽上传</h2>
+### 拖拽上传
 
-<font style="color:#585A5A;">用户可以将文件拖入特定区域，从而完成上传。这种方式简洁高效，无需繁琐的操作步骤，只需轻轻一拖，文件即可快速上传至指定位置。</font>
+用户可以将文件拖入特定区域，从而完成上传。这种方式简洁高效，无需繁琐的操作步骤，只需轻轻一拖，文件即可快速上传至指定位置。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*tosqQ4NLfOMAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="ZDU9q">🎯️ 快捷命令</h1>
+## 🎯️ 快捷命令
 
-<font style="color:#585A5A;">在 AI 大模型产品中，提供常用意图的快捷命令，方便用户快速输入。快捷命令使用户能高效与 AI 交互，避免繁琐输入操作，提高工作效率与使用体验。</font>
+在 AI 大模型产品中，提供常用意图的快捷命令，方便用户快速输入。快捷命令使用户能高效与 AI 交互，避免繁琐输入操作，提高工作效率与使用体验。
 
 ![“/” 唤起快捷命令](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*NpaOSq__vi8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![输入框上方固定快捷命令](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*znoMQZL88_EAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="qM6v1"></h2>
-
-<h1 id="oXHfz">🧩 <font style="color:rgb(38, 38, 38);">槽位填词</font></h1>
-<font style="color:#000a14;"></font>
+## 🧩 槽位填词
 
-<font style="color:#585A5A;">槽位填写通常是指用户触发特定命令后，会出现预先设定的输入模板，用户只需进行填写或者选择操作即可。槽位填写为用户提供了一种便捷输入方式，减少了用户的输入负担，提高了输入的准确性和效率。</font>
+槽位填写通常是指用户触发特定命令后，会出现预先设定的输入模板，用户只需进行填写或者选择操作即可。槽位填写为用户提供了一种便捷输入方式，减少了用户的输入负担，提高了输入的准确性和效率。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bHm7Q5NFGRUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="xGdan"></h2>
-<h1 id="Vy1pz"><font style="color:rgb(38, 38, 38);">💬</font><font style="color:rgb(38, 38, 38);"> </font>引用输入</h1>
+## 💬 引用输入
 
-<font style="color:#585A5A;">基于 AI 回答或用户发送的内容，若进行再次提问，可提供引用输入方式，引用样式涵盖文本、图片、文档等。这样方式，能够让用户更加便捷引用相关信息，丰富提问内容和背景，有助于获得更精准、更有针对性的回答。</font>
+基于 AI 回答或用户发送的内容，若进行再次提问，可提供引用输入方式，引用样式涵盖文本、图片、文档等。这样方式能够让用户更加便捷引用相关信息，丰富提问内容和背景，有助于获得更精准、更有针对性的回答。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*UU-SRa-vbhAAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/expression-user-input.zh-CN.md b/docs/spec/expression-user-input.zh-CN.md
index 155ec181..f666b53f 100644
--- a/docs/spec/expression-user-input.zh-CN.md
+++ b/docs/spec/expression-user-input.zh-CN.md
@@ -8,108 +8,96 @@ title: 表达｜用户输入
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*59IVSLXDTdIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-可用于 AI 对话的开放式输入，<font style="color:rgba(0, 0, 0, 0.85);">当用户开始向 AI 传达自己的意图时，往往需要输入多种类型的内容。</font>
+可用于 AI 对话的开放式输入，当用户开始向 AI 传达自己的意图时，往往需要输入多种类型的内容。
 
-<font style="color:rgba(0, 0, 0, 0.85);"></font>
+## 设计目标
 
-<h1 id="pFaII"><font style="color:rgba(0, 0, 0, 0.88);">设计目标</font></h1>
-
-<font style="color:rgb(28, 31, 35);">当用户有明确诉求时，需借助不同形式的输入交互来向 AI 精准表达意图，以此提升 AI 对用户意图传达的理解程度，进而给出准确回应。【输入组件】在表达阶段发挥着重要作用，借助多种形式（如文字描述、图片伤处、语音输入等）的输入组件，为用户与 AI 的交互增添了更多可能性与灵活性，让用户能够以自然、便捷且正确地完成输入内容并发送。</font>
-
-<font style="color:rgb(28, 31, 35);"></font>
-
-<font style="color:rgb(28, 31, 35);"></font>
+当用户有明确诉求时，需借助不同形式的输入交互来向 AI 精准表达意图，以此提升 AI 对用户意图传达的理解程度，进而给出准确回应。**输入组件**在表达阶段发挥着重要作用，借助多种形式（如文字描述、图片上传、语音输入等）的输入组件，为用户与 AI 的交互增添了更多可能性与灵活性，让用户能够以自然、便捷且正确地完成输入内容并发送。
 
 ---
 
-<h1 id="lGsQM">🙌文本输入</h1>
-<font style="color:rgba(0, 0, 0, 0.88);">输入框为用户提供了编辑文本的控件，是给大模型提供信息最基础和常见的方式。</font>
+## 🙌 文本输入
 
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+输入框为用户提供了编辑文本的控件，是给大模型提供信息最基础和常见的方式。
 
-<h2 id="Mbyl6"><font style="color:rgba(0, 0, 0, 0.88);">文本框（Input）</font></h2>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+### 文本框（Input）
 
-<font style="color:rgba(0, 0, 0, 0.88);">输入较少的字符总数，使用单行的输入形式。为提升数据录入效率，通常可以在输入框内增加暗提示以帮助提醒用户。</font>
+输入较少的字符总数时，使用单行的输入形式。为提升数据录入效率，通常可以在输入框内增加暗提示以帮助提醒用户。
 
-> <font style="color:rgba(0, 0, 0, 0.65);">注：可以对一些文本（如数字和网址）运用特别的样式。</font>
+> **注**：可以对一些文本（如数字和网址）运用特别的样式。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*os7CTZgHfZgAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="MCuaf"><font style="color:rgba(0, 0, 0, 0.88);">文本域（Textarea）</font></h2>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+### 文本域（Textarea）
 
-<font style="color:rgba(0, 0, 0, 0.88);">录入长篇幅的单一的文本使用多行的文本区域。</font>
+录入长篇幅的单一文本时使用多行的文本区域。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*FE3vSrLOW_UAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="ac2BR">停止生成操作</h2>
-停止生成操作常见位于输入框附近，就近方便用户操作。
+### 停止生成操作
+
+停止生成操作常见位于输入框附近，便于用户操作。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*gCKFSY3S1oUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Ba4tQ6IN6LcAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="Fyuza">🎙️ 语音输入</h1>
-<h2 id="MkJ1Y">语音倾听过程</h2>
-<font style="color:#585A5A;"></font>
+## 🎙️ 语音输入
 
-<font style="color:#585A5A;">可以提供用户以语音的形式输入，转化为文字供用户确认。</font>
+### 语音倾听过程
+
+可以提供用户以语音的形式输入，转化为文字供用户确认。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*BM6xRrVP9B4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="noDZ5">语音初次开始</h2>
-<font style="color:#585A5A;"></font>
+### 语音初次开始
 
-<font style="color:#585A5A;">初次启动语音，一般会出现系统自带的提示开启，用户允许后开启语音功能，或禁止不允许开启。</font>
+初次启动语音时，一般会出现系统自带的提示开启，用户允许后开启语音功能，或禁止开启。
 
 ![授权语音输入](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*N1QbRL-nCdUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![禁止使用语音输入](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*eaLATo9gzwEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="Yd800">语音异常</h2>
+### 语音异常
 
-<font style="color:#585A5A;">语音输入中会有异常情况出现，需要及时且清楚告知用户，如超时提醒、因网络异常而中断等。</font>
+语音输入中会有异常情况出现，需要及时且清楚告知用户，如超时提醒、因网络异常而中断等。
 
 ![超时提醒](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*N4eTQokA5akAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![网络异常](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*JrsuTYuyy_UAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="aEAMb">📃 文件输入</h1>
-文件上传是用户基于文件有意图的表达，从而让大模型基于上传文件来深入理解并回答
+## 📃 文件输入
+
+文件上传是用户基于文件有意图的表达，从而让大模型基于上传文件来深入理解并回答。
 
-<h2 id="NzaTx"><font style="color:rgba(0, 0, 0, 0.88);">简单上传</font></h2>
+### 简单上传
 
-<font style="color:#585A5A;">基础上传方式通常用于单个文件的上传，且在不需要预览效果的情况下使用。用户只需点击按钮，即可弹出文件选择框，从而选择需要上传的文件。</font>
+基础上传方式通常用于单个文件的上传，且在不需要预览效果的情况下使用。用户只需点击按钮，即可弹出文件选择框，从而选择需要上传的文件。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*E2IPT4lnwj8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="XmQP6">拖拽上传</h2>
+### 拖拽上传
 
-<font style="color:#585A5A;">用户可以将文件拖入特定区域，从而完成上传。这种方式简洁高效，无需繁琐的操作步骤，只需轻轻一拖，文件即可快速上传至指定位置。</font>
+用户可以将文件拖入特定区域，从而完成上传。这种方式简洁高效，无需繁琐的操作步骤，只需轻轻一拖，文件即可快速上传至指定位置。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*tosqQ4NLfOMAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="ZDU9q">🎯️ 快捷命令</h1>
+## 🎯️ 快捷命令
 
-<font style="color:#585A5A;">在 AI 大模型产品中，提供常用意图的快捷命令，方便用户快速输入。快捷命令使用户能高效与 AI 交互，避免繁琐输入操作，提高工作效率与使用体验。</font>
+在 AI 大模型产品中，提供常用意图的快捷命令，方便用户快速输入。快捷命令使用户能高效与 AI 交互，避免繁琐输入操作，提高工作效率与使用体验。
 
 ![“/” 唤起快捷命令](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*NpaOSq__vi8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![输入框上方固定快捷命令](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*znoMQZL88_EAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="qM6v1"></h2>
-
-<h1 id="oXHfz">🧩 <font style="color:rgb(38, 38, 38);">槽位填词</font></h1>
-<font style="color:#000a14;"></font>
+## 🧩 槽位填词
 
-<font style="color:#585A5A;">槽位填写通常是指用户触发特定命令后，会出现预先设定的输入模板，用户只需进行填写或者选择操作即可。槽位填写为用户提供了一种便捷输入方式，减少了用户的输入负担，提高了输入的准确性和效率。</font>
+槽位填写通常是指用户触发特定命令后，会出现预先设定的输入模板，用户只需进行填写或者选择操作即可。槽位填写为用户提供了一种便捷输入方式，减少了用户的输入负担，提高了输入的准确性和效率。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bHm7Q5NFGRUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="xGdan"></h2>
-<h1 id="Vy1pz"><font style="color:rgb(38, 38, 38);">💬</font><font style="color:rgb(38, 38, 38);"> </font>引用输入</h1>
+## 💬 引用输入
 
-<font style="color:#585A5A;">基于 AI 回答或用户发送的内容，若进行再次提问，可提供引用输入方式，引用样式涵盖文本、图片、文档等。这样方式，能够让用户更加便捷引用相关信息，丰富提问内容和背景，有助于获得更精准、更有针对性的回答。</font>
+基于 AI 回答或用户发送的内容，若进行再次提问，可提供引用输入方式，引用样式涵盖文本、图片、文档等。这样方式能够让用户更加便捷引用相关信息，丰富提问内容和背景，有助于获得更精准、更有针对性的回答。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*UU-SRa-vbhAAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/expression-user-send.en-US.md b/docs/spec/expression-user-send.en-US.md
index db68b19f..9c05ccab 100644
--- a/docs/spec/expression-user-send.en-US.md
+++ b/docs/spec/expression-user-send.en-US.md
@@ -8,36 +8,31 @@ title: 表达｜用户发送
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*QtyDRKq5VQEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-用于承载用户侧发送的对话内容，<font style="color:#000000;">以结构化、易读的方式展示各种类型的用户发送的内容。</font>
+用于承载用户侧发送的对话内容，以结构化、易读的方式展示各种类型的用户发送内容。
 
-<font style="color:#000000;"></font>
+## 设计目标
 
-<h1 id="WCqkg"><font style="color:rgba(0, 0, 0, 0.88);">设计目标</font></h1>
-
-<font style="color:rgb(28, 31, 35);">用户发送组件需具备清晰展示效果，以使用户能够直观地审视自己输入的内容，如文本采用合适字体、字号和颜色，排版合理；图片确保高分辨率、快加载速度和合适呈现；文档提供简洁预览。同时，交互设计要简单易懂，操作反馈及时明确，该组件还应提供便捷的再次编辑操作功能，设置明显图标或提示，以便用户能够轻松地对已输入内容进行修改与完善。</font>
-
-<font style="color:rgb(38, 38, 38);"></font>
+用户发送组件需具备清晰展示效果，以使用户能够直观地审视自己输入的内容，如文本采用合适字体、字号和颜色，排版合理；图片确保高分辨率、快加载速度和合适呈现；文档提供简洁预览。同时，交互设计要简单易懂，操作反馈及时明确。该组件还应提供便捷的再次编辑操作功能，设置明显图标或提示，以便用户能够轻松地对已输入内容进行修改与完善。
 
 ---
 
-<h1 id="g47fc">发送交互操作</h1>
+## 发送交互操作
 
-<h2 id="YTmbc"><font style="color:rgba(0, 0, 0, 0.88);">编辑发送</font></h2>
-<font style="color:#585A5A;"></font>
+### 编辑发送
 
-<font style="color:#585A5A;">用户在发送信息之后，若发现存在错误或需补充内容时，可以对已发送气泡进行再次编辑修改，提供更为便捷灵活的交互体验，使用户能够更好的表达自身意图。</font>
+用户在发送信息之后，若发现存在错误或需补充内容时，可以对已发送气泡进行再次编辑修改，提供更为便捷灵活的交互体验，使用户能够更好地表达自身意图。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*-uiSQraZL-UAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="QE3zt"><font style="color:rgba(0, 0, 0, 0.88);">删除发送</font></h2>
+### 删除发送
 
-<font style="color:#585A5A;">当用户认为某个气泡的内容不再需要或者发送错误时，可以选择将其删除，为用户提供了更大的灵活性和控制权，也可以提高交互界面的整洁和准确性。</font>
+当用户认为某个气泡的内容不再需要或者发送错误时，可以选择将其删除，为用户提供更大的灵活性和控制权，同时提升界面的整洁和准确性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*TJzIR6-vSCAAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="UsRtO"><font style="color:rgba(0, 0, 0, 0.88);">引用发送</font></h2>
+### 引用发送
 
-<font style="color:#585A5A;">用户发送的气泡内容可被引用，为用户和 AI 交流提供便利与灵活，可高效回应 AI 观点或重复利用自身信息，提升交流连贯性与准确性。</font>
+用户发送的气泡内容可被引用，为用户和 AI 的交流提供便利与灵活。可高效回应 AI 观点或重复利用自身信息，提升交流的连贯性与准确性。
 
 ![全局引用入口](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*4tI0SrL-Q6wAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
@@ -47,49 +42,46 @@ title: 表达｜用户发送
 
 ![单文件引用](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*5q0CRLZwLv4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="v9nWE">发送异常</h2>
+### 发送异常
 
-<font style="color:#585A5A;">发送异常时，系统迅速弹出清晰提示及时告知用户原因，并提供解决方法，如重新发送等。</font>
+发送异常时，系统迅速弹出清晰提示及时告知用户原因，并提供解决方法，如重新发送等。
 
 ![发送失败](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*iDMOSKj_2bUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![重新发送](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*2aedT6-bNGQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="ejdAo"></h1>
+---
 
-<h1 id="CRW9S"><font style="color:rgba(0, 0, 0, 0.88);">发送气泡内容</font></h1>
+## 发送气泡内容
 
-<h2 id="Zqtu2"><font style="color:rgba(0, 0, 0, 0.88);">💬</font><font style="color:rgba(0, 0, 0, 0.88);">文本类</font></h2>
+### 💬 文本类
 
-<font style="color:#585A5A;">发送气泡展示文本类内容，方便用户交流，提高信息可读性与可理解性，使交流更顺畅高效。文本采用合适字体、字号和颜色，排版合理。</font>
+发送气泡展示文本类内容，方便用户交流，提高信息的可读性与可理解性，使交流更顺畅高效。文本采用合适的字体、字号和颜色，排版合理。
 
-> <font style="color:rgba(0, 0, 0, 0.65);">注：可以对一些文本（如数字和网址超链接）运用特别的样式。</font>
+> **注**：可以对一些文本（如数字和网址超链接）运用特别的样式。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Qqs7QbmhhRgAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="m7GFh">**🎨****图片类**</h2>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+### 🎨 图片类
 
-<font style="color:#585A5A;">发送气泡展示图片类内容，增强交流丰富性与生动性，助于清晰传达信息。设计应考虑图片展示效果与用户体验，为交流增添新维度，图片确保高分辨率、快加载速度和合适呈现。</font>
+发送气泡展示图片类内容，增强交流的丰富性与生动性，助于清晰传达信息。设计应考虑图片的展示效果与用户体验，图片需确保高分辨率、快加载速度和合适呈现。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*iDpZSa5acrQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="UkeAh">**📃****文档类**</h2>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+### 📃 文档类
 
-<font style="color:#585A5A;">发送气泡能够展示文档类内容，增强和AI的交流的专业性和信息丰富度。在设计上，提供文档简洁预览，需充分考虑清晰性和易用性。</font>
+发送气泡能够展示文档类内容，增强与 AI 交流的专业性和信息丰富度。在设计上，提供文档简洁预览，需充分考虑清晰性和易用性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*REJDR5uemYcAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="B1kCR">**🧩****混合类｜图片+文档**</h2>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+### 🧩 混合类｜图片+文档
 
-<font style="color:#585A5A;">发送气泡可混合展示图片类和文档类内容，丰富分享方式，提升交流生动性与专业性及信息丰富度。利于全面传达复杂信息，使交流深入高效。</font>
+发送气泡可混合展示图片类和文档类内容，丰富分享方式，提升交流的生动性、专业性及信息丰富度。利于全面传达复杂信息，使交流深入高效。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*QjFHTarVmYsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="C3KoG">**🙌****引用内容**<font style="color:rgba(0, 0, 0, 0.88);"></font></h2>
+### 🙌 引用内容
 
-<font style="color:#585A5A;">引用气泡内容再次输入后，发送气泡可展示文本、图片、文档等样式。丰富信息呈现，使交流直观全面高效。</font>
+引用气泡内容再次输入后，发送气泡可展示文本、图片、文档等样式，丰富信息呈现，使交流直观、全面、高效。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*xCoAS5LeDSEAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/expression-user-send.zh-CN.md b/docs/spec/expression-user-send.zh-CN.md
index db68b19f..9c05ccab 100644
--- a/docs/spec/expression-user-send.zh-CN.md
+++ b/docs/spec/expression-user-send.zh-CN.md
@@ -8,36 +8,31 @@ title: 表达｜用户发送
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*QtyDRKq5VQEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-用于承载用户侧发送的对话内容，<font style="color:#000000;">以结构化、易读的方式展示各种类型的用户发送的内容。</font>
+用于承载用户侧发送的对话内容，以结构化、易读的方式展示各种类型的用户发送内容。
 
-<font style="color:#000000;"></font>
+## 设计目标
 
-<h1 id="WCqkg"><font style="color:rgba(0, 0, 0, 0.88);">设计目标</font></h1>
-
-<font style="color:rgb(28, 31, 35);">用户发送组件需具备清晰展示效果，以使用户能够直观地审视自己输入的内容，如文本采用合适字体、字号和颜色，排版合理；图片确保高分辨率、快加载速度和合适呈现；文档提供简洁预览。同时，交互设计要简单易懂，操作反馈及时明确，该组件还应提供便捷的再次编辑操作功能，设置明显图标或提示，以便用户能够轻松地对已输入内容进行修改与完善。</font>
-
-<font style="color:rgb(38, 38, 38);"></font>
+用户发送组件需具备清晰展示效果，以使用户能够直观地审视自己输入的内容，如文本采用合适字体、字号和颜色，排版合理；图片确保高分辨率、快加载速度和合适呈现；文档提供简洁预览。同时，交互设计要简单易懂，操作反馈及时明确。该组件还应提供便捷的再次编辑操作功能，设置明显图标或提示，以便用户能够轻松地对已输入内容进行修改与完善。
 
 ---
 
-<h1 id="g47fc">发送交互操作</h1>
+## 发送交互操作
 
-<h2 id="YTmbc"><font style="color:rgba(0, 0, 0, 0.88);">编辑发送</font></h2>
-<font style="color:#585A5A;"></font>
+### 编辑发送
 
-<font style="color:#585A5A;">用户在发送信息之后，若发现存在错误或需补充内容时，可以对已发送气泡进行再次编辑修改，提供更为便捷灵活的交互体验，使用户能够更好的表达自身意图。</font>
+用户在发送信息之后，若发现存在错误或需补充内容时，可以对已发送气泡进行再次编辑修改，提供更为便捷灵活的交互体验，使用户能够更好地表达自身意图。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*-uiSQraZL-UAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="QE3zt"><font style="color:rgba(0, 0, 0, 0.88);">删除发送</font></h2>
+### 删除发送
 
-<font style="color:#585A5A;">当用户认为某个气泡的内容不再需要或者发送错误时，可以选择将其删除，为用户提供了更大的灵活性和控制权，也可以提高交互界面的整洁和准确性。</font>
+当用户认为某个气泡的内容不再需要或者发送错误时，可以选择将其删除，为用户提供更大的灵活性和控制权，同时提升界面的整洁和准确性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*TJzIR6-vSCAAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="UsRtO"><font style="color:rgba(0, 0, 0, 0.88);">引用发送</font></h2>
+### 引用发送
 
-<font style="color:#585A5A;">用户发送的气泡内容可被引用，为用户和 AI 交流提供便利与灵活，可高效回应 AI 观点或重复利用自身信息，提升交流连贯性与准确性。</font>
+用户发送的气泡内容可被引用，为用户和 AI 的交流提供便利与灵活。可高效回应 AI 观点或重复利用自身信息，提升交流的连贯性与准确性。
 
 ![全局引用入口](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*4tI0SrL-Q6wAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
@@ -47,49 +42,46 @@ title: 表达｜用户发送
 
 ![单文件引用](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*5q0CRLZwLv4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="v9nWE">发送异常</h2>
+### 发送异常
 
-<font style="color:#585A5A;">发送异常时，系统迅速弹出清晰提示及时告知用户原因，并提供解决方法，如重新发送等。</font>
+发送异常时，系统迅速弹出清晰提示及时告知用户原因，并提供解决方法，如重新发送等。
 
 ![发送失败](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*iDMOSKj_2bUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![重新发送](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*2aedT6-bNGQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="ejdAo"></h1>
+---
 
-<h1 id="CRW9S"><font style="color:rgba(0, 0, 0, 0.88);">发送气泡内容</font></h1>
+## 发送气泡内容
 
-<h2 id="Zqtu2"><font style="color:rgba(0, 0, 0, 0.88);">💬</font><font style="color:rgba(0, 0, 0, 0.88);">文本类</font></h2>
+### 💬 文本类
 
-<font style="color:#585A5A;">发送气泡展示文本类内容，方便用户交流，提高信息可读性与可理解性，使交流更顺畅高效。文本采用合适字体、字号和颜色，排版合理。</font>
+发送气泡展示文本类内容，方便用户交流，提高信息的可读性与可理解性，使交流更顺畅高效。文本采用合适的字体、字号和颜色，排版合理。
 
-> <font style="color:rgba(0, 0, 0, 0.65);">注：可以对一些文本（如数字和网址超链接）运用特别的样式。</font>
+> **注**：可以对一些文本（如数字和网址超链接）运用特别的样式。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Qqs7QbmhhRgAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="m7GFh">**🎨****图片类**</h2>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+### 🎨 图片类
 
-<font style="color:#585A5A;">发送气泡展示图片类内容，增强交流丰富性与生动性，助于清晰传达信息。设计应考虑图片展示效果与用户体验，为交流增添新维度，图片确保高分辨率、快加载速度和合适呈现。</font>
+发送气泡展示图片类内容，增强交流的丰富性与生动性，助于清晰传达信息。设计应考虑图片的展示效果与用户体验，图片需确保高分辨率、快加载速度和合适呈现。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*iDpZSa5acrQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="UkeAh">**📃****文档类**</h2>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+### 📃 文档类
 
-<font style="color:#585A5A;">发送气泡能够展示文档类内容，增强和AI的交流的专业性和信息丰富度。在设计上，提供文档简洁预览，需充分考虑清晰性和易用性。</font>
+发送气泡能够展示文档类内容，增强与 AI 交流的专业性和信息丰富度。在设计上，提供文档简洁预览，需充分考虑清晰性和易用性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*REJDR5uemYcAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="B1kCR">**🧩****混合类｜图片+文档**</h2>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+### 🧩 混合类｜图片+文档
 
-<font style="color:#585A5A;">发送气泡可混合展示图片类和文档类内容，丰富分享方式，提升交流生动性与专业性及信息丰富度。利于全面传达复杂信息，使交流深入高效。</font>
+发送气泡可混合展示图片类和文档类内容，丰富分享方式，提升交流的生动性、专业性及信息丰富度。利于全面传达复杂信息，使交流深入高效。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*QjFHTarVmYsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="C3KoG">**🙌****引用内容**<font style="color:rgba(0, 0, 0, 0.88);"></font></h2>
+### 🙌 引用内容
 
-<font style="color:#585A5A;">引用气泡内容再次输入后，发送气泡可展示文本、图片、文档等样式。丰富信息呈现，使交流直观全面高效。</font>
+引用气泡内容再次输入后，发送气泡可展示文本、图片、文档等样式，丰富信息呈现，使交流直观、全面、高效。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*xCoAS5LeDSEAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/feedback-result-application.en-US.md b/docs/spec/feedback-result-application.en-US.md
index 1693db20..443b4357 100644
--- a/docs/spec/feedback-result-application.en-US.md
+++ b/docs/spec/feedback-result-application.en-US.md
@@ -8,29 +8,29 @@ title: 反馈｜结果应用
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*LGETTJIfYe0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在AI呈现生成结果后，需要为用户提供对AI生成内容的快捷操作能力，包括复制、重新生成、反馈等基础功能，帮助用户高效使用和处理内容。
+在 AI 呈现生成结果后，需要为用户提供对 AI 生成内容的快捷操作能力，包括复制、重新生成、反馈等基础功能，帮助用户高效使用和处理内容。
 
-<h2 id="SLFOT">设计目标</h2>
+## 设计目标
 
-结果应用组件需要结合实际场景，提供必要且便捷的内容处理能力。通过合理的操作项布局和及时的状态反馈，让用户能够轻松地使用和管理AI生成的内容，提升整体交互体验和效率。
+结果应用组件需要结合实际场景，提供必要且便捷的内容处理能力。通过合理的操作项布局和及时的状态反馈，让用户能够轻松地使用和管理 AI 生成的内容，提升整体交互体验和效率。
 
 ---
 
-<h2 id="97eca455">基础操作</h2>
+## 基础操作
 
-<h3 id="cbc60835">复制</h3>
+### 复制
 
-最常用的内容应用方式。点击后立即将AI生成的内容复制到剪切板，同时图标切换为完成状态给予反馈。复制范围包括文本、代码等可复制内容，要保证格式完整性。
+最常用的内容应用方式。点击后立即将 AI 生成的内容复制到剪切板，同时图标切换为完成状态给予反馈。复制范围包括文本、代码等可复制内容，要保证格式完整性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*QOSfTLjK1kEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="407ae7df">重新生成</h3>
+### 重新生成
 
-用于优化或改进当前结果。点击触发AI重新生成请求，支持多个版本结果的切换对比。新生成的内容要在界面中平滑切换，保持良好的过渡体验。
+用于优化或改进当前结果。点击触发 AI 重新生成请求，支持多个版本结果的切换对比。新生成的内容要在界面中平滑切换，保持良好的过渡体验。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*_5uNR7dvpAAAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="pWTvm">反馈</h3>
+### 反馈
 
 通过点赞/点踩收集用户对内容的评价。操作后图标立即反映选择状态，清晰展示用户的评价结果。在特定场景下，可通过弹窗收集具体反馈，提供快捷选项的同时保留自由输入的方式。
 
@@ -38,20 +38,20 @@ title: 反馈｜结果应用
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Am8ARrPiHhYAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="S2Z9U">删除</h3>
+### 删除
 
 用于移除不需要的回答内容。考虑到操作的不可逆性，使用警示色提醒，并设置二次确认机制避免误操作。确认删除后要平滑移除内容。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*C_PTQIUXkL8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="KQyCP">朗读</h3>
+### 朗读
 
 将文本转换为语音输出。点击开始播放，再次点击停止。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*gG4nQZZOQYoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="U2Cpx">引用</h3>
+### 引用
 
-快速将AI回答作为新对话的引用内容。点击后自动填充到输入区域，方便用户基于已有回答继续对话。引用要保持原文格式，确保上下文的连贯性。
+快速将 AI 回答作为新对话的引用内容。点击后自动填充到输入区域，方便用户基于已有回答继续对话。引用要保持原文格式，确保上下文的连贯性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*GUaJQrP0sqQAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/feedback-result-application.zh-CN.md b/docs/spec/feedback-result-application.zh-CN.md
index 1693db20..443b4357 100644
--- a/docs/spec/feedback-result-application.zh-CN.md
+++ b/docs/spec/feedback-result-application.zh-CN.md
@@ -8,29 +8,29 @@ title: 反馈｜结果应用
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*LGETTJIfYe0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在AI呈现生成结果后，需要为用户提供对AI生成内容的快捷操作能力，包括复制、重新生成、反馈等基础功能，帮助用户高效使用和处理内容。
+在 AI 呈现生成结果后，需要为用户提供对 AI 生成内容的快捷操作能力，包括复制、重新生成、反馈等基础功能，帮助用户高效使用和处理内容。
 
-<h2 id="SLFOT">设计目标</h2>
+## 设计目标
 
-结果应用组件需要结合实际场景，提供必要且便捷的内容处理能力。通过合理的操作项布局和及时的状态反馈，让用户能够轻松地使用和管理AI生成的内容，提升整体交互体验和效率。
+结果应用组件需要结合实际场景，提供必要且便捷的内容处理能力。通过合理的操作项布局和及时的状态反馈，让用户能够轻松地使用和管理 AI 生成的内容，提升整体交互体验和效率。
 
 ---
 
-<h2 id="97eca455">基础操作</h2>
+## 基础操作
 
-<h3 id="cbc60835">复制</h3>
+### 复制
 
-最常用的内容应用方式。点击后立即将AI生成的内容复制到剪切板，同时图标切换为完成状态给予反馈。复制范围包括文本、代码等可复制内容，要保证格式完整性。
+最常用的内容应用方式。点击后立即将 AI 生成的内容复制到剪切板，同时图标切换为完成状态给予反馈。复制范围包括文本、代码等可复制内容，要保证格式完整性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*QOSfTLjK1kEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="407ae7df">重新生成</h3>
+### 重新生成
 
-用于优化或改进当前结果。点击触发AI重新生成请求，支持多个版本结果的切换对比。新生成的内容要在界面中平滑切换，保持良好的过渡体验。
+用于优化或改进当前结果。点击触发 AI 重新生成请求，支持多个版本结果的切换对比。新生成的内容要在界面中平滑切换，保持良好的过渡体验。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*_5uNR7dvpAAAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="pWTvm">反馈</h3>
+### 反馈
 
 通过点赞/点踩收集用户对内容的评价。操作后图标立即反映选择状态，清晰展示用户的评价结果。在特定场景下，可通过弹窗收集具体反馈，提供快捷选项的同时保留自由输入的方式。
 
@@ -38,20 +38,20 @@ title: 反馈｜结果应用
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Am8ARrPiHhYAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="S2Z9U">删除</h3>
+### 删除
 
 用于移除不需要的回答内容。考虑到操作的不可逆性，使用警示色提醒，并设置二次确认机制避免误操作。确认删除后要平滑移除内容。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*C_PTQIUXkL8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="KQyCP">朗读</h3>
+### 朗读
 
 将文本转换为语音输出。点击开始播放，再次点击停止。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*gG4nQZZOQYoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="U2Cpx">引用</h3>
+### 引用
 
-快速将AI回答作为新对话的引用内容。点击后自动填充到输入区域，方便用户基于已有回答继续对话。引用要保持原文格式，确保上下文的连贯性。
+快速将 AI 回答作为新对话的引用内容。点击后自动填充到输入区域，方便用户基于已有回答继续对话。引用要保持原文格式，确保上下文的连贯性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*GUaJQrP0sqQAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/feedback-result-display.en-US.md b/docs/spec/feedback-result-display.en-US.md
index 7173c5c8..71dc884a 100644
--- a/docs/spec/feedback-result-display.en-US.md
+++ b/docs/spec/feedback-result-display.en-US.md
@@ -8,56 +8,58 @@ title: 反馈｜结果展示
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*p4l8Q4Hdix0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-AI处理完成用户需求后，需以结构化、易读的方式来呈现各种类型的回答内容。
+AI 处理完成用户需求后，需以结构化、易读的方式来呈现各种类型的回答内容。
 
-<h2 id="gV9CN">设计目标</h2>
+## 设计目标
 
 结果展示需要合理规划信息层级，让重要内容和结构化信息更易识别。针对文本、图片、代码等不同类型的内容采用恰当的展示形式，既要保持视觉风格的统一性，又要充分考虑长文本的阅读体验，避免信息过载影响理解。
 
 ---
 
-<h2 id="97eca455">内容展示</h2>
+## 内容展示
 
-<h3 id="cbc60835">文本内容</h3>
+### 文本内容
 
-<font style="color:#585A5A;">作为最基础的展示形式，需要处理好单行文本、多行文本和结构化文本（如列表、标题段落等）的呈现。通过合理的间距、字号和段落划分，提升长文本的可读性。对重点内容可使用高亮、加粗等样式突出，但需控制使用频率避免干扰。</font>
+作为最基础的展示形式，需要处理好单行文本、多行文本和结构化文本（如列表、标题段落等）的呈现。通过合理的间距、字号和段落划分，提升长文本的可读性。对重点内容可使用高亮、加粗等样式突出，但需控制使用频率避免干扰。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*c_8JTrMpRJ8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="W5Mk0">图片内容</h3>
+### 图片内容
 
-<font style="color:#585A5A;">展示AI生成或处理的图片结果。默认以合适尺寸展示，支持预览大图和缩放细节。多图场景注意排版美观，加载时提供占位图避免布局跳动。</font>
+展示 AI 生成或处理的图片结果。默认以合适尺寸展示，支持预览大图和缩放细节。多图场景需注意排版美观，加载时提供占位图以避免布局跳动。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*S8ljSJ-V6YIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="a47dfedc">代码内容</h3>
+### 代码内容
 
-<font style="color:#585A5A;">为展示代码片段设计的专门容器。使用等宽字体，支持代码语法高亮增强可读性。提供代码复制功能，方便用户使用。代码过长时支持横向滚动，保持代码格式不被破坏。</font>
+为展示代码片段设计专门容器。使用等宽字体，支持代码语法高亮以增强可读性。提供代码复制功能，方便用户使用。代码过长时支持横向滚动，保持代码格式完整性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*io9ISYEQJ_sAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="f78805eb">交互卡片</h3>
+### 交互卡片
 
-<font style="color:#585A5A;">用于特定场景下需要用户操作的结构化内容，如表单填写、参数调整等。卡片内可包含按钮、输入框等交互元素，操作要有明确的反馈。</font>
+用于特定场景下需要用户操作的结构化内容，如表单填写、参数调整等。卡片内可包含按钮、输入框等交互元素，操作需提供明确的反馈。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*5TshRpA9w_4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="fk1V9">其他</h3>
+### 其他
 
-<font style="color:#585A5A;">用于展示表格、数学公式等特殊格式内容。可以和普通文本内容混合展示，保持整体的视觉一致性。特殊内容的展示要考虑性能和兼容性，必要时提供降级方案。</font>
+用于展示表格、数学公式等特殊格式内容。可以与普通文本内容混合展示，保持整体视觉一致性。特殊内容的展示需考虑性能和兼容性，必要时提供降级方案。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*-MuHQo41bPYAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="tr41H">内容组织</h2>
+---
+
+## 内容组织
 
-<h3 id="407ae7df">内容折叠</h3>
+### 内容折叠
 
-<font style="color:#585A5A;">针对超过一屏的长内容，提供折叠功能提升浏览效率。默认展示预览内容，用户可以根据需要展开查看完整信息。折叠状态要有明确提示，展开/收起过程动画流畅。</font>
+针对超过一屏的长内容，提供折叠功能以提升浏览效率。默认展示预览内容，用户可根据需要展开查看完整信息。折叠状态需有明确提示，展开/收起过程动画需流畅。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*VhKkQ78jX0MAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="I7JpE">内容参考来源展示</h3>
+### 内容参考来源展示
 
-<font style="color:#585A5A;">在RAG等需要提供引用依据的场景下使用。参考来源默认收起以减少干扰，用户可以通过hover或点击方式查看详细引用内容。来源信息要简洁清晰，增强内容可信度。</font>
+在 RAG 等需要提供引用依据的场景下使用。参考来源默认收起以减少干扰，用户可以通过 hover 或点击方式查看详细引用内容。来源信息需简洁清晰，增强内容可信度。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*L5sWQ6w_qjoAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/feedback-result-display.zh-CN.md b/docs/spec/feedback-result-display.zh-CN.md
index 7173c5c8..71dc884a 100644
--- a/docs/spec/feedback-result-display.zh-CN.md
+++ b/docs/spec/feedback-result-display.zh-CN.md
@@ -8,56 +8,58 @@ title: 反馈｜结果展示
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*p4l8Q4Hdix0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-AI处理完成用户需求后，需以结构化、易读的方式来呈现各种类型的回答内容。
+AI 处理完成用户需求后，需以结构化、易读的方式来呈现各种类型的回答内容。
 
-<h2 id="gV9CN">设计目标</h2>
+## 设计目标
 
 结果展示需要合理规划信息层级，让重要内容和结构化信息更易识别。针对文本、图片、代码等不同类型的内容采用恰当的展示形式，既要保持视觉风格的统一性，又要充分考虑长文本的阅读体验，避免信息过载影响理解。
 
 ---
 
-<h2 id="97eca455">内容展示</h2>
+## 内容展示
 
-<h3 id="cbc60835">文本内容</h3>
+### 文本内容
 
-<font style="color:#585A5A;">作为最基础的展示形式，需要处理好单行文本、多行文本和结构化文本（如列表、标题段落等）的呈现。通过合理的间距、字号和段落划分，提升长文本的可读性。对重点内容可使用高亮、加粗等样式突出，但需控制使用频率避免干扰。</font>
+作为最基础的展示形式，需要处理好单行文本、多行文本和结构化文本（如列表、标题段落等）的呈现。通过合理的间距、字号和段落划分，提升长文本的可读性。对重点内容可使用高亮、加粗等样式突出，但需控制使用频率避免干扰。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*c_8JTrMpRJ8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="W5Mk0">图片内容</h3>
+### 图片内容
 
-<font style="color:#585A5A;">展示AI生成或处理的图片结果。默认以合适尺寸展示，支持预览大图和缩放细节。多图场景注意排版美观，加载时提供占位图避免布局跳动。</font>
+展示 AI 生成或处理的图片结果。默认以合适尺寸展示，支持预览大图和缩放细节。多图场景需注意排版美观，加载时提供占位图以避免布局跳动。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*S8ljSJ-V6YIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="a47dfedc">代码内容</h3>
+### 代码内容
 
-<font style="color:#585A5A;">为展示代码片段设计的专门容器。使用等宽字体，支持代码语法高亮增强可读性。提供代码复制功能，方便用户使用。代码过长时支持横向滚动，保持代码格式不被破坏。</font>
+为展示代码片段设计专门容器。使用等宽字体，支持代码语法高亮以增强可读性。提供代码复制功能，方便用户使用。代码过长时支持横向滚动，保持代码格式完整性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*io9ISYEQJ_sAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="f78805eb">交互卡片</h3>
+### 交互卡片
 
-<font style="color:#585A5A;">用于特定场景下需要用户操作的结构化内容，如表单填写、参数调整等。卡片内可包含按钮、输入框等交互元素，操作要有明确的反馈。</font>
+用于特定场景下需要用户操作的结构化内容，如表单填写、参数调整等。卡片内可包含按钮、输入框等交互元素，操作需提供明确的反馈。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*5TshRpA9w_4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="fk1V9">其他</h3>
+### 其他
 
-<font style="color:#585A5A;">用于展示表格、数学公式等特殊格式内容。可以和普通文本内容混合展示，保持整体的视觉一致性。特殊内容的展示要考虑性能和兼容性，必要时提供降级方案。</font>
+用于展示表格、数学公式等特殊格式内容。可以与普通文本内容混合展示，保持整体视觉一致性。特殊内容的展示需考虑性能和兼容性，必要时提供降级方案。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*-MuHQo41bPYAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="tr41H">内容组织</h2>
+---
+
+## 内容组织
 
-<h3 id="407ae7df">内容折叠</h3>
+### 内容折叠
 
-<font style="color:#585A5A;">针对超过一屏的长内容，提供折叠功能提升浏览效率。默认展示预览内容，用户可以根据需要展开查看完整信息。折叠状态要有明确提示，展开/收起过程动画流畅。</font>
+针对超过一屏的长内容，提供折叠功能以提升浏览效率。默认展示预览内容，用户可根据需要展开查看完整信息。折叠状态需有明确提示，展开/收起过程动画需流畅。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*VhKkQ78jX0MAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="I7JpE">内容参考来源展示</h3>
+### 内容参考来源展示
 
-<font style="color:#585A5A;">在RAG等需要提供引用依据的场景下使用。参考来源默认收起以减少干扰，用户可以通过hover或点击方式查看详细引用内容。来源信息要简洁清晰，增强内容可信度。</font>
+在 RAG 等需要提供引用依据的场景下使用。参考来源默认收起以减少干扰，用户可以通过 hover 或点击方式查看详细引用内容。来源信息需简洁清晰，增强内容可信度。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*L5sWQ6w_qjoAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/follow-up.en-US.md b/docs/spec/follow-up.en-US.md
index b036692f..3bcda25d 100644
--- a/docs/spec/follow-up.en-US.md
+++ b/docs/spec/follow-up.en-US.md
@@ -8,37 +8,44 @@ title: 追问
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*BhgMQIcgCfUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="WLz7k">WHAT 概述</h1>
+## WHAT 概述
 
-在 AI 对话交互过程中，若用户所提供的信息不足以支撑 AI 完成既定的任务目标，AI 必须采取主动措施，通过精心设计的询问来引导用户提供额外的槽位信息。这种策略不仅能够确保任务的顺利完成，还能够提升用户体验，避免因信息不足而导致的误解或错误。例如，如果用户在预订酒店时只提供了入住日期，而没有提供退房日期，AI 可以礼貌地询问：“您需要在这里住多久？”这样的询问既明确又具体，有助于获取所需信息，同时保持了对话的流畅性。
+在 AI 对话交互过程中，若用户提供的信息不足以支撑 AI 完成既定的任务目标，AI 必须采取主动措施，通过精心设计的询问来引导用户提供额外的槽位信息。这种策略不仅能够确保任务的顺利完成，还能够提升用户体验，避免因信息不足而导致的误解或错误。
 
-<h1 id="l8yjH"><font style="color:rgb(32, 33, 36);">HOW 如何操作</font></h1>
+例如，如果用户在预订酒店时只提供了入住日期，但未提供退房日期，AI 可以礼貌地询问：“您需要在这里住多久？”这样的询问既明确又具体，有助于获取所需信息，同时保持对话流畅。
 
-1. **明确识别需求：**AI 首先需要准确分析用户输入，以确定哪些信息是缺失的或不充分的。
-2. **构建有效询问：**基于识别出的信息缺口，AI 应构建清晰、具体的询问，直接引导用户补充所需信息。
-3. **保持对话连贯性：**在请求额外信息时，AI 应保持对话的自然流畅，避免突兀的提问，确保用户理解为何需要这些信息。
+## HOW 如何操作
 
-<h2 id="DrDJg"><font style="color:rgb(32, 33, 36);">消歧场景</font></h2>
+1. **明确识别需求：**  
+   AI 首先需要准确分析用户输入，以确定哪些信息是缺失的或不充分的。
+
+2. **构建有效询问：**  
+   基于识别出的信息缺口，AI 应构建清晰、具体的询问，直接引导用户补充所需信息。
+
+3. **保持对话连贯性：**  
+   在请求额外信息时，AI 应保持对话的自然流畅，避免突兀的提问，确保用户理解为何需要这些信息。
+
+### 消歧场景
 
 在对话中，语言往往存在多种解释，通常依赖上下文来消除歧义。当上下文信息不足以明确含义时，应主动向用户请求额外的信息以澄清问题。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*D2ntT7HfxeIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="kLRf3">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*dW_WRphl1w8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="MUTBC"><font style="color:rgb(32, 33, 36);">错误处理</font></h2>
+### 错误处理
 
 当对话遇到问题时，通过精确定位问题的核心，可以提供更加针对性的帮助，引导用户迅速恢复正确的操作流程。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*mKI4QJKDLEwAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="dvGeQ">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ALVHQ4SVycsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="HvO3T">二次确认</h2>
+### 二次确认
 
 尽管这种情况较少，但在以下场景中，进行再次确认是至关重要的：
 
@@ -49,11 +56,11 @@ title: 追问
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*DGmNTpLDwf4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="vQviS">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*rybpRpR5W_gAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="BG1rh">影响核心体验</h2>
+### 影响核心体验
 
 如果可选的槽位信息对用户体验至关重要时，AI 也可以主动进行追问，以确保收集到的信息足够支持用户做出决策。
 
diff --git a/docs/spec/follow-up.zh-CN.md b/docs/spec/follow-up.zh-CN.md
index b036692f..3bcda25d 100644
--- a/docs/spec/follow-up.zh-CN.md
+++ b/docs/spec/follow-up.zh-CN.md
@@ -8,37 +8,44 @@ title: 追问
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*BhgMQIcgCfUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="WLz7k">WHAT 概述</h1>
+## WHAT 概述
 
-在 AI 对话交互过程中，若用户所提供的信息不足以支撑 AI 完成既定的任务目标，AI 必须采取主动措施，通过精心设计的询问来引导用户提供额外的槽位信息。这种策略不仅能够确保任务的顺利完成，还能够提升用户体验，避免因信息不足而导致的误解或错误。例如，如果用户在预订酒店时只提供了入住日期，而没有提供退房日期，AI 可以礼貌地询问：“您需要在这里住多久？”这样的询问既明确又具体，有助于获取所需信息，同时保持了对话的流畅性。
+在 AI 对话交互过程中，若用户提供的信息不足以支撑 AI 完成既定的任务目标，AI 必须采取主动措施，通过精心设计的询问来引导用户提供额外的槽位信息。这种策略不仅能够确保任务的顺利完成，还能够提升用户体验，避免因信息不足而导致的误解或错误。
 
-<h1 id="l8yjH"><font style="color:rgb(32, 33, 36);">HOW 如何操作</font></h1>
+例如，如果用户在预订酒店时只提供了入住日期，但未提供退房日期，AI 可以礼貌地询问：“您需要在这里住多久？”这样的询问既明确又具体，有助于获取所需信息，同时保持对话流畅。
 
-1. **明确识别需求：**AI 首先需要准确分析用户输入，以确定哪些信息是缺失的或不充分的。
-2. **构建有效询问：**基于识别出的信息缺口，AI 应构建清晰、具体的询问，直接引导用户补充所需信息。
-3. **保持对话连贯性：**在请求额外信息时，AI 应保持对话的自然流畅，避免突兀的提问，确保用户理解为何需要这些信息。
+## HOW 如何操作
 
-<h2 id="DrDJg"><font style="color:rgb(32, 33, 36);">消歧场景</font></h2>
+1. **明确识别需求：**  
+   AI 首先需要准确分析用户输入，以确定哪些信息是缺失的或不充分的。
+
+2. **构建有效询问：**  
+   基于识别出的信息缺口，AI 应构建清晰、具体的询问，直接引导用户补充所需信息。
+
+3. **保持对话连贯性：**  
+   在请求额外信息时，AI 应保持对话的自然流畅，避免突兀的提问，确保用户理解为何需要这些信息。
+
+### 消歧场景
 
 在对话中，语言往往存在多种解释，通常依赖上下文来消除歧义。当上下文信息不足以明确含义时，应主动向用户请求额外的信息以澄清问题。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*D2ntT7HfxeIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="kLRf3">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*dW_WRphl1w8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="MUTBC"><font style="color:rgb(32, 33, 36);">错误处理</font></h2>
+### 错误处理
 
 当对话遇到问题时，通过精确定位问题的核心，可以提供更加针对性的帮助，引导用户迅速恢复正确的操作流程。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*mKI4QJKDLEwAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="dvGeQ">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ALVHQ4SVycsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="HvO3T">二次确认</h2>
+### 二次确认
 
 尽管这种情况较少，但在以下场景中，进行再次确认是至关重要的：
 
@@ -49,11 +56,11 @@ title: 追问
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*DGmNTpLDwf4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="vQviS">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*rybpRpR5W_gAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="BG1rh">影响核心体验</h2>
+### 影响核心体验
 
 如果可选的槽位信息对用户体验至关重要时，AI 也可以主动进行追问，以确保收集到的信息足够支持用户做出决策。
 
diff --git a/docs/spec/guide-intention-expression.en-US.md b/docs/spec/guide-intention-expression.en-US.md
index a0f535e5..7b98ecdb 100644
--- a/docs/spec/guide-intention-expression.en-US.md
+++ b/docs/spec/guide-intention-expression.en-US.md
@@ -8,26 +8,29 @@ title: 引导意图表达
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*pNdBQ6XZy0YAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(44, 44, 54);">用户意图表达常倾向于口语化的方式，导致 AI 无法高效识别与理解，并反过来影响了用户体验</font><font style="background-color:rgb(253, 253, 254);">。为了</font><font style="color:rgb(44, 44, 54);">引导 AI 与用户双方意图的准确匹配，我们在设计侧引入了「槽位设计」这一概念。</font>
+用户意图表达常倾向于口语化的方式，导致 AI 无法高效识别与理解，并反过来影响用户体验。为了引导 AI 与用户双方意图的准确匹配，我们在设计侧引入了「槽位设计」这一概念。
 
-<font style="color:rgb(44, 44, 54);"></font>
-
-<font style="background-color:rgb(253, 253, 254);">什么是槽位呢？槽位可以理解为预定义的参数或变量，用于匹配用户表达的关键信息，如：日期、时间、地点等。这些信息对理解用户意图和提供准确响应至关重要，共同构成对用户需求的完整理解。例如，在智能助手应用中，用户说“提醒我明天下午2点开会”，其中“明天下午2点”就是一个时间槽位。</font><font style="color:rgb(44, 44, 54);">为了准确的引导用户将这些关键信息表达清楚，我们需要在交互过程中有意识的、自然的引导用户进行对应信息的表达。</font>
+什么是槽位呢？槽位可以理解为预定义的参数或变量，用于匹配用户表达的关键信息，如：日期、时间、地点等。这些信息对理解用户意图和提供准确响应至关重要，共同构成对用户需求的完整理解。例如，在智能助手应用中，用户说“提醒我明天下午2点开会”，其中“明天下午2点”就是一个时间槽位。为了准确引导用户将这些关键信息表达清楚，我们需要在交互过程中有意识且自然地引导用户进行对应信息的表达。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*JobgQqiiT4YAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:#000000;">在蚂蚁实际业务的实践中我们发现就算是应用意图槽位匹配，依然存在部分场景匹配不到不全的情况，针对此类场景我们也整理了应对策略，去覆盖解决全量意图槽位匹配的场景，意图槽位匹配策略如下：</font>
+在蚂蚁实际业务的实践中我们发现，即便应用意图槽位匹配，仍然存在部分场景无法完全匹配的情况。针对此类场景，我们整理了应对策略，覆盖全量意图槽位匹配的场景。以下为意图槽位匹配策略：
+
+- **意图与槽位精准匹配：**  
+  若用户意图的可靠度高且所有必填槽位均已成功填写，系统将直接发送指令到下游服务，执行用户请求。
+
+- **意图匹配到多个类似槽位：**  
+  当用户意图或关键槽位的可靠度较低时，系统将回复意图或槽位确认信息，以请求用户进一步澄清或提供额外信息，确保信息准确无误。
 
-- **意图与槽位精准匹配\*\***<font style="background-color:rgb(253, 253, 254);">：</font>\*\*若用户意图的可靠度高且所有必填槽位均已成功填写，系统将直接发送指令到下游服务，执行用户请求。
-- **<font style="background-color:rgb(253, 253, 254);">意图匹配到多个类似槽位：</font>**<font style="background-color:rgb(253, 253, 254);">当用户意图或关键槽位的可靠度较低时，系统将回复意图或槽位确认信息，以请求用户进一步澄清或提供额外信息，确保信息准确无误。</font>
-- **<font style="background-color:rgb(253, 253, 254);">意图未匹配到槽位：</font>**<font style="background-color:rgb(253, 253, 254);">当遇到无法直接处理的用户意图时，采用对话转移或回复兜底话术策略，确保用户得到合理引导或回应。</font>
+- **意图未匹配到槽位：**  
+  当遇到无法直接处理的用户意图时，采用对话转移或回复兜底话术策略，确保用户得到合理引导或回应。
 
-<font style="background-color:rgb(253, 253, 254);">槽位设计的规则后续将在具体的会话设计篇目中有相关的具体应用，大家按需查阅。</font>
+槽位设计的规则将在后续具体会话设计篇目中有详细应用说明，可按需查阅。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*_a2DTZensl8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-行文至此，相信大家对于概述开篇提到“什么时候应该使用会话的方式？如何让 AI 理解用户的意图？等”问题有了初步的答案，接下来让我们进入角色设计篇、会话设计篇、混合界面篇中去进一步了解如何创造更好的 AI 产品体验。
+通过以上内容，相信大家对“什么时候应该使用会话的方式？如何让 AI 理解用户的意图？”等问题有了初步的答案。接下来，让我们进入角色设计篇、会话设计篇和混合界面篇，进一步了解如何创造更好的 AI 产品体验。
 
-<h3 id="zuDD8">最佳案例</h3>
+## 最佳案例
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*SSWhQIEadIYAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/guide-intention-expression.zh-CN.md b/docs/spec/guide-intention-expression.zh-CN.md
index a0f535e5..7b98ecdb 100644
--- a/docs/spec/guide-intention-expression.zh-CN.md
+++ b/docs/spec/guide-intention-expression.zh-CN.md
@@ -8,26 +8,29 @@ title: 引导意图表达
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*pNdBQ6XZy0YAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(44, 44, 54);">用户意图表达常倾向于口语化的方式，导致 AI 无法高效识别与理解，并反过来影响了用户体验</font><font style="background-color:rgb(253, 253, 254);">。为了</font><font style="color:rgb(44, 44, 54);">引导 AI 与用户双方意图的准确匹配，我们在设计侧引入了「槽位设计」这一概念。</font>
+用户意图表达常倾向于口语化的方式，导致 AI 无法高效识别与理解，并反过来影响用户体验。为了引导 AI 与用户双方意图的准确匹配，我们在设计侧引入了「槽位设计」这一概念。
 
-<font style="color:rgb(44, 44, 54);"></font>
-
-<font style="background-color:rgb(253, 253, 254);">什么是槽位呢？槽位可以理解为预定义的参数或变量，用于匹配用户表达的关键信息，如：日期、时间、地点等。这些信息对理解用户意图和提供准确响应至关重要，共同构成对用户需求的完整理解。例如，在智能助手应用中，用户说“提醒我明天下午2点开会”，其中“明天下午2点”就是一个时间槽位。</font><font style="color:rgb(44, 44, 54);">为了准确的引导用户将这些关键信息表达清楚，我们需要在交互过程中有意识的、自然的引导用户进行对应信息的表达。</font>
+什么是槽位呢？槽位可以理解为预定义的参数或变量，用于匹配用户表达的关键信息，如：日期、时间、地点等。这些信息对理解用户意图和提供准确响应至关重要，共同构成对用户需求的完整理解。例如，在智能助手应用中，用户说“提醒我明天下午2点开会”，其中“明天下午2点”就是一个时间槽位。为了准确引导用户将这些关键信息表达清楚，我们需要在交互过程中有意识且自然地引导用户进行对应信息的表达。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*JobgQqiiT4YAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:#000000;">在蚂蚁实际业务的实践中我们发现就算是应用意图槽位匹配，依然存在部分场景匹配不到不全的情况，针对此类场景我们也整理了应对策略，去覆盖解决全量意图槽位匹配的场景，意图槽位匹配策略如下：</font>
+在蚂蚁实际业务的实践中我们发现，即便应用意图槽位匹配，仍然存在部分场景无法完全匹配的情况。针对此类场景，我们整理了应对策略，覆盖全量意图槽位匹配的场景。以下为意图槽位匹配策略：
+
+- **意图与槽位精准匹配：**  
+  若用户意图的可靠度高且所有必填槽位均已成功填写，系统将直接发送指令到下游服务，执行用户请求。
+
+- **意图匹配到多个类似槽位：**  
+  当用户意图或关键槽位的可靠度较低时，系统将回复意图或槽位确认信息，以请求用户进一步澄清或提供额外信息，确保信息准确无误。
 
-- **意图与槽位精准匹配\*\***<font style="background-color:rgb(253, 253, 254);">：</font>\*\*若用户意图的可靠度高且所有必填槽位均已成功填写，系统将直接发送指令到下游服务，执行用户请求。
-- **<font style="background-color:rgb(253, 253, 254);">意图匹配到多个类似槽位：</font>**<font style="background-color:rgb(253, 253, 254);">当用户意图或关键槽位的可靠度较低时，系统将回复意图或槽位确认信息，以请求用户进一步澄清或提供额外信息，确保信息准确无误。</font>
-- **<font style="background-color:rgb(253, 253, 254);">意图未匹配到槽位：</font>**<font style="background-color:rgb(253, 253, 254);">当遇到无法直接处理的用户意图时，采用对话转移或回复兜底话术策略，确保用户得到合理引导或回应。</font>
+- **意图未匹配到槽位：**  
+  当遇到无法直接处理的用户意图时，采用对话转移或回复兜底话术策略，确保用户得到合理引导或回应。
 
-<font style="background-color:rgb(253, 253, 254);">槽位设计的规则后续将在具体的会话设计篇目中有相关的具体应用，大家按需查阅。</font>
+槽位设计的规则将在后续具体会话设计篇目中有详细应用说明，可按需查阅。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*_a2DTZensl8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-行文至此，相信大家对于概述开篇提到“什么时候应该使用会话的方式？如何让 AI 理解用户的意图？等”问题有了初步的答案，接下来让我们进入角色设计篇、会话设计篇、混合界面篇中去进一步了解如何创造更好的 AI 产品体验。
+通过以上内容，相信大家对“什么时候应该使用会话的方式？如何让 AI 理解用户的意图？”等问题有了初步的答案。接下来，让我们进入角色设计篇、会话设计篇和混合界面篇，进一步了解如何创造更好的 AI 产品体验。
 
-<h3 id="zuDD8">最佳案例</h3>
+## 最佳案例
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*SSWhQIEadIYAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/hint.en-US.md b/docs/spec/hint.en-US.md
index 3d63c29e..693facee 100644
--- a/docs/spec/hint.en-US.md
+++ b/docs/spec/hint.en-US.md
@@ -8,44 +8,44 @@ title: 提示
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*4cuyRIqCXe0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="IWWPj">WHAT 概述</h1>
+## WHAT 概述
 
 在设计对话式 AI 界面时，应避免教导用户如何与 AI 进行交流。理想的交互方式是让 AI 适应用户的自然语言，而不是要求用户学习并使用特定的命令或短语。
 
-会话式界面的核心优势在于其易用性，用户无需额外学习即可上手使用。AI 应利用自然语言处理的能力来理解用户的多样化表达，而不是限制用户必须使用特定的词汇或命令。用户可以更轻松、更自然地进行对话，而无需记忆特定的指令。这种方式不仅提高了用户体验的流畅性，也有助于建立用户对AI的信任和满意度。相反，如果用户必须说出精确的命令才能得到响应，这将限制他们的交互自由，降低界面的直观性，从而影响用户的整体体验。
+会话式界面的核心优势在于其易用性，用户无需额外学习即可上手使用。AI 应利用自然语言处理能力来理解用户的多样化表达，而不是限制用户必须使用特定的词汇或命令。用户可以更轻松、更自然地进行对话，而无需记忆特定的指令。这种方式不仅提高了用户体验的流畅性，也有助于建立用户对 AI 的信任和满意度。相反，如果用户必须说出精确的命令才能得到响应，这将限制他们的交互自由，降低界面的直观性，从而影响整体用户体验。
 
-<h1 id="ZSPyJ"><font style="color:rgb(32, 33, 36);">HOW 如何操作</font></h1>
+## HOW 如何操作
 
-<h2 id="UlOdi">不要让用户发出固定指令</h2>
+### 不要让用户发出固定指令
 
 在设计 AI 助手的对话体验时，重点应该放在用户能够通过 AI 实现的具体行动上，而不是限制用户必须如何表达这些需求。
 
-例如，不是告诉用户“请说‘显示更多选项’来获取更多信息”，而是可以说“你想要了解更多信息吗？”
+例如，与其告诉用户“请说‘显示更多选项’来获取更多信息”，不如说“你想要了解更多信息吗？”
 
-这样的提问方式不仅更自然，也更易于用户理解，因为它直接关联到用户可以采取的行动，而不是他们必须如何表达这个愿望。
+这种提问方式更自然，也更易于用户理解，因为它直接关联到用户可以采取的行动，而不是他们必须如何表达这一愿望。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*XqX4TYFQhUcAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="Pxwxv">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*PrBsQLK1jnoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="j3A9Y">给提示而不是命令</h2>
+### 给提示而不是命令
 
-采用动词短语来明确指示用户可执行的动作。这样用户将更容易跟随并作出相应的反应。在提供示例以阐释用户可以表达的内容时，应避免提倡使用生硬的关键词短语。允许他们按照自己的喜好来表达。用户应有权以任何他们觉得舒适的方式发出指令
+采用动词短语来明确指示用户可执行的动作，使用户更容易理解并跟随提示作出反应。在提供示例以阐释用户可以表达的内容时，应避免提倡使用生硬的关键词短语。允许用户按照自己的喜好自由表达指令。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*VeYtSZONca4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="wIWEz">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*4yWJRajksOwAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="wcpmo">未找到匹配项的建议</h2>
+### 未找到匹配项的建议
 
 当出现“未找到匹配项”的错误时，可以向用户提供一些建议性的语句，指导他们在需要进一步协助时该如何表达。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*GJCKQ4nRYdIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="dh24Z">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Sq7gR4wu-5wAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/hint.zh-CN.md b/docs/spec/hint.zh-CN.md
index 3d63c29e..693facee 100644
--- a/docs/spec/hint.zh-CN.md
+++ b/docs/spec/hint.zh-CN.md
@@ -8,44 +8,44 @@ title: 提示
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*4cuyRIqCXe0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="IWWPj">WHAT 概述</h1>
+## WHAT 概述
 
 在设计对话式 AI 界面时，应避免教导用户如何与 AI 进行交流。理想的交互方式是让 AI 适应用户的自然语言，而不是要求用户学习并使用特定的命令或短语。
 
-会话式界面的核心优势在于其易用性，用户无需额外学习即可上手使用。AI 应利用自然语言处理的能力来理解用户的多样化表达，而不是限制用户必须使用特定的词汇或命令。用户可以更轻松、更自然地进行对话，而无需记忆特定的指令。这种方式不仅提高了用户体验的流畅性，也有助于建立用户对AI的信任和满意度。相反，如果用户必须说出精确的命令才能得到响应，这将限制他们的交互自由，降低界面的直观性，从而影响用户的整体体验。
+会话式界面的核心优势在于其易用性，用户无需额外学习即可上手使用。AI 应利用自然语言处理能力来理解用户的多样化表达，而不是限制用户必须使用特定的词汇或命令。用户可以更轻松、更自然地进行对话，而无需记忆特定的指令。这种方式不仅提高了用户体验的流畅性，也有助于建立用户对 AI 的信任和满意度。相反，如果用户必须说出精确的命令才能得到响应，这将限制他们的交互自由，降低界面的直观性，从而影响整体用户体验。
 
-<h1 id="ZSPyJ"><font style="color:rgb(32, 33, 36);">HOW 如何操作</font></h1>
+## HOW 如何操作
 
-<h2 id="UlOdi">不要让用户发出固定指令</h2>
+### 不要让用户发出固定指令
 
 在设计 AI 助手的对话体验时，重点应该放在用户能够通过 AI 实现的具体行动上，而不是限制用户必须如何表达这些需求。
 
-例如，不是告诉用户“请说‘显示更多选项’来获取更多信息”，而是可以说“你想要了解更多信息吗？”
+例如，与其告诉用户“请说‘显示更多选项’来获取更多信息”，不如说“你想要了解更多信息吗？”
 
-这样的提问方式不仅更自然，也更易于用户理解，因为它直接关联到用户可以采取的行动，而不是他们必须如何表达这个愿望。
+这种提问方式更自然，也更易于用户理解，因为它直接关联到用户可以采取的行动，而不是他们必须如何表达这一愿望。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*XqX4TYFQhUcAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="Pxwxv">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*PrBsQLK1jnoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="j3A9Y">给提示而不是命令</h2>
+### 给提示而不是命令
 
-采用动词短语来明确指示用户可执行的动作。这样用户将更容易跟随并作出相应的反应。在提供示例以阐释用户可以表达的内容时，应避免提倡使用生硬的关键词短语。允许他们按照自己的喜好来表达。用户应有权以任何他们觉得舒适的方式发出指令
+采用动词短语来明确指示用户可执行的动作，使用户更容易理解并跟随提示作出反应。在提供示例以阐释用户可以表达的内容时，应避免提倡使用生硬的关键词短语。允许用户按照自己的喜好自由表达指令。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*VeYtSZONca4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="wIWEz">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*4yWJRajksOwAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="wcpmo">未找到匹配项的建议</h2>
+### 未找到匹配项的建议
 
 当出现“未找到匹配项”的错误时，可以向用户提供一些建议性的语句，指导他们在需要进一步协助时该如何表达。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*GJCKQ4nRYdIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="dh24Z">组件构成</h3>
+#### 组件构成
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Sq7gR4wu-5wAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/human-touch.en-US.md b/docs/spec/human-touch.en-US.md
index 7b8b1edb..d3abcdb8 100644
--- a/docs/spec/human-touch.en-US.md
+++ b/docs/spec/human-touch.en-US.md
@@ -8,68 +8,56 @@ title: 有人情味
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*y-DHRIdTUp8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="tlm3h">如何定义</h1>
+## 如何定义
 
-<font style="color:rgb(6, 6, 7);">情感化是指在塑造 AI 角色时，赋予其理解和表达人类情感的能力，以便与用户建立更加深入和人性化的互动。这包括识别用户的情绪状态，并通过富有同理心且丰富的语言表达、个性化的关怀以及情感适应性以及富有感染力的视觉表现来响应用户的需求。</font>
+情感化是指在塑造 AI 角色时，赋予其理解和表达人类情感的能力，以便与用户建立更加深入和人性化的互动。这包括识别用户的情绪状态，并通过富有同理心且丰富的语言表达、个性化的关怀、情感适应性以及富有感染力的视觉表现来响应用户的需求。
 
 :::tips
 
-<h4 id="ABlyY">**<font style="color:rgb(6, 6, 7);">情感的适应性</font>**</h4>
+#### 情感的适应性
 
-<font style="color:#585A5A;">角色能够敏感地识别并响应用户的情绪变化，通过适当的语言和行为，展示出对用户情感状态的同理心和关切。情感表达上可以包含一定程度的复杂性，如矛盾感或微妙的情绪变化，使角色更加丰满和真实。</font>
-
-:::
+角色能够敏感地识别并响应用户的情绪变化，通过适当的语言和行为，展示对用户情感状态的同理心和关切。情感表达上可以包含一定程度的复杂性，如矛盾感或微妙的情绪变化，使角色更加丰满和真实。:::
 
 :::tips
 
-<h4 id="xY7Mw"><font style="color:rgb(6, 6, 7);">语言的丰富度</font></h4>
-
-<font style="color:#585A5A;">角色的语言风格应与所期望的情感表达相匹配，比如柔和、热情、鼓舞人心或戏谑等风格，以便于在情感上与用户产生共鸣，同时使用情感丰富的语言或语调的符号表达，来增强交流的生动性和真实感。</font>
+#### 语言的丰富度
 
-:::
+角色的语言风格应与期望的情感表达相匹配，如柔和、热情、鼓舞人心或戏谑等风格。使用情感丰富的语言和语调符号表达，能增强交流的生动性和真实感，从而更易与用户产生情感共鸣。:::
 
 :::tips
 
-<h4 id="xtFnF"><font style="color:rgb(6, 6, 7);">互动的个性化</font></h4>
-
-<font style="color:#585A5A;">角色的个性化特征应贯穿其话语与行为，展现出角色深层次的个性特征，不同情境下的表现应保持一致性，以通过对用户过往行为的记忆和分析，提供更加贴心的服务和响应，增加情感的连结。</font>
+#### 互动的个性化
 
-:::
+角色的个性化特征应贯穿其话语与行为。不同情境下的表现需保持一致性，通过对用户过往行为的记忆和分析，提供更加贴心的服务与响应，增加情感连结。:::
 
 :::tips
 
-<h4 id="FYI7d">**<font style="color:rgb(6, 6, 7);">视觉的表现力</font>**</h4>
+#### 视觉的表现力
 
-<font style="color:#585A5A;">对于能够展现非语言交流的角色，如虚拟角色或实体机器人等场景，应通过视觉和听觉的非语言信号，如面部表情、肢体语言、语调等，来加强情感化的表达，使其更富有感染力。</font>
+对于具备非语言交流能力的角色（如虚拟角色或实体机器人），通过视觉和听觉的非语言信号，如面部表情、肢体语言、语调等，加强情感化的表达，使其更富感染力。:::
 
-:::
+## 适用场景
 
-<h1 id="fSFbL">适用场景</h1>
+情感化设计在追求高度用户参与度、建立情感连接或需处理敏感信息的环境中尤为关键。通过情感化的角色设计，可以更好地满足以下场景中的需求：
 
-<font style="color:rgb(0, 0, 0);">角色的情感化设计在众多场景中显得尤为关键，特别是在那些追求高度用户参与度、建立情感连接或需处理敏感信息的环境中。</font><font style="color:rgb(34, 34, 34);">通过角色情感化，可以更好地满足用户在</font>**<font style="color:rgb(34, 34, 34);">情感交流</font>**<font style="color:rgb(34, 34, 34);">、</font>**<font style="color:rgb(34, 34, 34);">陪伴关怀</font>**<font style="color:rgb(34, 34, 34);">、</font>**<font style="color:rgb(34, 34, 34);">个性化体验</font>**<font style="color:rgb(34, 34, 34);">等方面的需求，提升人机互动的质量和效果。</font><font style="color:rgb(0, 0, 0);">以下是一些典型场景： </font>
+- **家庭与个人助理：** 在智能家居和个人助理场景中，用户需要长期互动与陪伴。情感化助手通过学习用户习惯与偏好，以更贴心的方式进行日常提醒和管理，增强用户依赖感和亲密感。
+- **娱乐与社交：** 在数字娱乐和社交互动中，情感化角色通过情感反应增加沉浸感和参与度，例如在游戏、虚拟现实和在线社区中，丰富用户体验，使技术交互更接近自然人际互动。
+- **特殊关怀及服务：** 面向老年人设计，情感化角色可提供温馨耐心的陪伴，减轻孤独感；为有特殊需求的用户（如残障人士）提供更敏感和贴心的支持；在紧急服务与危机应对中（如灾害警报、医疗急救），情感化设计能够有效安抚用户情绪。
+- **医疗与教育：** 在心理健康、疾病管理和远程医疗领域，情感化角色提供安慰和鼓励，帮助用户更好地遵循治疗计划。在教育环境中，情感化 AI 根据学生的学习状态提供情感匹配的反馈，提升学习效果。
+- **客户服务与支持：** 情感化交互提升服务品质，体现人性化关怀和同理心，增加客户满意度。在用户投诉或问题处理时，情感化角色能以更贴心和理解的态度响应用户需求，提升品牌忠诚度。
 
-- **<font style="color:rgb(0, 0, 0);">家庭与个人助理：</font>**<font style="color:rgb(0, 0, 0);">在智能家居和个人助理中，用户需要长期互动与陪伴，如个人助理、健康监测、虚拟宠物等，这些场景需要通过情感反馈增加用户的依赖感和亲密感。而情感化的助手能提供更自然和愉悦的交互体验，通过学习用户习惯与偏好，以更贴心的方式进行日常提醒和管理。</font>
-- **<font style="color:rgb(0, 0, 0);">娱乐与社交: </font>**<font style="color:rgb(0, 0, 0);">在数字娱乐和社交互动中，情感化的角色可以增加用户的沉浸感和参与度，如游戏、虚拟现实和在线社区中，通过情感反应增强故事叙述和角色互动。 这些场景中角色情感化的运用能够丰富用户体验，使技术交互更接近人与人之间的自然互动。</font>
-- **<font style="color:rgb(0, 0, 0);">特殊关怀及服务：</font>**<font style="color:rgb(0, 0, 0);">面向老年人的设计，情感化的角色能提供温馨、耐心的陪伴，减轻孤独感，满足情感需求。 针对有特殊需求的用户（如残障人士），情感化设计能提供更加贴心、敏感的支持，增强自主生活能力。面对紧急服务与危机应对，如灾害警报、医疗急救指导，情感化设计能更有效地传达紧迫性并安抚用户情绪。</font>
-- **<font style="color:rgb(0, 0, 0);">医疗与教育：</font>**<font style="color:rgb(0, 0, 0);">在医疗健康护理领域，特别是在心理健康、疾病管理和远程医疗领域，情感化的角色能提供安慰、鼓励，帮助用户更好地遵循治疗计划，感受到情感上的支持。在教育环境中，情感化的AI可以提供更个性化的学习支持，通过情感反应匹配学生的学习状态，以鼓励和激励学生，提升学习效果。 </font>
-- **<font style="color:rgb(0, 0, 0);">客户服务与支持：</font>**<font style="color:rgb(0, 0, 0);">在客户服务中，情感化的交互可以提升服务品质，让客户感受到更多人性化关怀和同理心，增加客户满意度和忠诚度。 在解决用户问题时，情感化的角色能够以更加贴心和理解的态度响应用户的问题和投诉，提升用户满意度和品牌忠诚度。 </font>
+在这些场景中，角色的情感化设计不仅限于外观或语言上的调整，更深入到交互逻辑、反馈机制及内容生成策略中，确保智能 AI 能以人性化方式与用户沟通。
 
-<font style="color:rgb(0, 0, 0);"> ……</font>
+## 最佳案例
 
-<font style="color:rgb(0, 0, 0);">在这些场景中，角色的情感化设计不仅仅是外观或语言上的调整，更是深入到交互逻辑、反馈机制及内容生成策略中，确保智能 AI 能够以更加人性化的方式与用户沟通。这些场景强调了角色情感化设计的重要性，它不仅关乎于技术实现，更在于如何通过设计触达人心，建立更加人性化、高效且富有同情心的数字交互体验。 </font>
+#### 1. 更细腻的情感适应性与互动个性化
 
-<h1 id="ZHGtv">最佳案例</h1>
-
-<h3 id="BoUWZ">1、为角色赋予更细腻的情感的适应性、互动的个性化、丰富的语言表达</h3>
-
-<font style="color:rgb(0, 0, 0);">细腻的</font>**<font style="color:rgb(0, 0, 0);">情感适应性</font>**<font style="color:rgb(0, 0, 0);">让虚拟陪伴类 AI 能感知并响应用户情绪，建立情感纽带，给予适时的支持与反馈；</font>**<font style="color:rgb(0, 0, 0);">互动的个性化</font>**<font style="color:rgb(0, 0, 0);">确保体验贴合每位用户的独特性，增强归属感与真实感；</font>**<font style="color:rgb(0, 0, 0);">丰富的语言表达</font>**<font style="color:rgb(0, 0, 0);">则让交流生动多彩，促进深层次沟通，使互动既智慧又充满人性温度。</font>**<font style="color:rgb(0, 0, 0);">情感的适应性、互动的个性化、丰富的语言表达</font>**<font style="color:rgb(0, 0, 0);">这三点共同作用，极大提升了 AI 的质量，满足用户情感与心理需求，构建了更加亲密和谐的人机交互环境。</font>
+细腻的**情感适应性**使虚拟陪伴类 AI 能感知并响应用户情绪，建立情感纽带，给予适时的支持与反馈；**互动的个性化**确保体验贴合每位用户的独特性，增强归属感与真实感；**丰富的语言表达**使互动生动多彩，促进深层次沟通。三者结合，极大提升 AI 质量，满足用户情感需求，构建更加亲密和谐的人机交互环境。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*n-oTTJjH_fIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(6, 6, 7);"></font>
-
-<h3 id="VqEpR">2、为角色设定具有感染力的视觉的表现力增<font style="color:rgb(6, 6, 7);">强情感化的表达</font></h3>
+#### 2. 感染力强的视觉表现力
 
-**<font style="color:rgb(0, 0, 0);">视觉表现力</font>**<font style="color:rgb(0, 0, 0);">通过直观的形象设计与动态效果，增强 AI 的个性与情感传达，使用户在视觉上获得即时的情感共鸣。不仅丰富了交互的维度，还能够让非言语信息如表情、动作等成为沟通的重要组成部分，进而提升互动的真实感与沉浸感。精心设计的视觉表现力能够跨越语言限制，有效吸引用户注意，深化用户与 AI 之间的情感联系。</font>
+通过直观的形象设计与动态效果，增强 AI 的个性与情感传达，使用户在视觉上获得即时的情感共鸣。不仅丰富了交互的维度，还使非语言信息（如表情、动作）成为沟通的重要组成部分，提升互动的真实感与沉浸感。精心设计的视觉表现力能跨越语言限制，有效吸引用户注意，深化与 AI 之间的情感联系。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*hsuNSKkBNycAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/human-touch.zh-CN.md b/docs/spec/human-touch.zh-CN.md
index 7b8b1edb..d3abcdb8 100644
--- a/docs/spec/human-touch.zh-CN.md
+++ b/docs/spec/human-touch.zh-CN.md
@@ -8,68 +8,56 @@ title: 有人情味
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*y-DHRIdTUp8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="tlm3h">如何定义</h1>
+## 如何定义
 
-<font style="color:rgb(6, 6, 7);">情感化是指在塑造 AI 角色时，赋予其理解和表达人类情感的能力，以便与用户建立更加深入和人性化的互动。这包括识别用户的情绪状态，并通过富有同理心且丰富的语言表达、个性化的关怀以及情感适应性以及富有感染力的视觉表现来响应用户的需求。</font>
+情感化是指在塑造 AI 角色时，赋予其理解和表达人类情感的能力，以便与用户建立更加深入和人性化的互动。这包括识别用户的情绪状态，并通过富有同理心且丰富的语言表达、个性化的关怀、情感适应性以及富有感染力的视觉表现来响应用户的需求。
 
 :::tips
 
-<h4 id="ABlyY">**<font style="color:rgb(6, 6, 7);">情感的适应性</font>**</h4>
+#### 情感的适应性
 
-<font style="color:#585A5A;">角色能够敏感地识别并响应用户的情绪变化，通过适当的语言和行为，展示出对用户情感状态的同理心和关切。情感表达上可以包含一定程度的复杂性，如矛盾感或微妙的情绪变化，使角色更加丰满和真实。</font>
-
-:::
+角色能够敏感地识别并响应用户的情绪变化，通过适当的语言和行为，展示对用户情感状态的同理心和关切。情感表达上可以包含一定程度的复杂性，如矛盾感或微妙的情绪变化，使角色更加丰满和真实。:::
 
 :::tips
 
-<h4 id="xY7Mw"><font style="color:rgb(6, 6, 7);">语言的丰富度</font></h4>
-
-<font style="color:#585A5A;">角色的语言风格应与所期望的情感表达相匹配，比如柔和、热情、鼓舞人心或戏谑等风格，以便于在情感上与用户产生共鸣，同时使用情感丰富的语言或语调的符号表达，来增强交流的生动性和真实感。</font>
+#### 语言的丰富度
 
-:::
+角色的语言风格应与期望的情感表达相匹配，如柔和、热情、鼓舞人心或戏谑等风格。使用情感丰富的语言和语调符号表达，能增强交流的生动性和真实感，从而更易与用户产生情感共鸣。:::
 
 :::tips
 
-<h4 id="xtFnF"><font style="color:rgb(6, 6, 7);">互动的个性化</font></h4>
-
-<font style="color:#585A5A;">角色的个性化特征应贯穿其话语与行为，展现出角色深层次的个性特征，不同情境下的表现应保持一致性，以通过对用户过往行为的记忆和分析，提供更加贴心的服务和响应，增加情感的连结。</font>
+#### 互动的个性化
 
-:::
+角色的个性化特征应贯穿其话语与行为。不同情境下的表现需保持一致性，通过对用户过往行为的记忆和分析，提供更加贴心的服务与响应，增加情感连结。:::
 
 :::tips
 
-<h4 id="FYI7d">**<font style="color:rgb(6, 6, 7);">视觉的表现力</font>**</h4>
+#### 视觉的表现力
 
-<font style="color:#585A5A;">对于能够展现非语言交流的角色，如虚拟角色或实体机器人等场景，应通过视觉和听觉的非语言信号，如面部表情、肢体语言、语调等，来加强情感化的表达，使其更富有感染力。</font>
+对于具备非语言交流能力的角色（如虚拟角色或实体机器人），通过视觉和听觉的非语言信号，如面部表情、肢体语言、语调等，加强情感化的表达，使其更富感染力。:::
 
-:::
+## 适用场景
 
-<h1 id="fSFbL">适用场景</h1>
+情感化设计在追求高度用户参与度、建立情感连接或需处理敏感信息的环境中尤为关键。通过情感化的角色设计，可以更好地满足以下场景中的需求：
 
-<font style="color:rgb(0, 0, 0);">角色的情感化设计在众多场景中显得尤为关键，特别是在那些追求高度用户参与度、建立情感连接或需处理敏感信息的环境中。</font><font style="color:rgb(34, 34, 34);">通过角色情感化，可以更好地满足用户在</font>**<font style="color:rgb(34, 34, 34);">情感交流</font>**<font style="color:rgb(34, 34, 34);">、</font>**<font style="color:rgb(34, 34, 34);">陪伴关怀</font>**<font style="color:rgb(34, 34, 34);">、</font>**<font style="color:rgb(34, 34, 34);">个性化体验</font>**<font style="color:rgb(34, 34, 34);">等方面的需求，提升人机互动的质量和效果。</font><font style="color:rgb(0, 0, 0);">以下是一些典型场景： </font>
+- **家庭与个人助理：** 在智能家居和个人助理场景中，用户需要长期互动与陪伴。情感化助手通过学习用户习惯与偏好，以更贴心的方式进行日常提醒和管理，增强用户依赖感和亲密感。
+- **娱乐与社交：** 在数字娱乐和社交互动中，情感化角色通过情感反应增加沉浸感和参与度，例如在游戏、虚拟现实和在线社区中，丰富用户体验，使技术交互更接近自然人际互动。
+- **特殊关怀及服务：** 面向老年人设计，情感化角色可提供温馨耐心的陪伴，减轻孤独感；为有特殊需求的用户（如残障人士）提供更敏感和贴心的支持；在紧急服务与危机应对中（如灾害警报、医疗急救），情感化设计能够有效安抚用户情绪。
+- **医疗与教育：** 在心理健康、疾病管理和远程医疗领域，情感化角色提供安慰和鼓励，帮助用户更好地遵循治疗计划。在教育环境中，情感化 AI 根据学生的学习状态提供情感匹配的反馈，提升学习效果。
+- **客户服务与支持：** 情感化交互提升服务品质，体现人性化关怀和同理心，增加客户满意度。在用户投诉或问题处理时，情感化角色能以更贴心和理解的态度响应用户需求，提升品牌忠诚度。
 
-- **<font style="color:rgb(0, 0, 0);">家庭与个人助理：</font>**<font style="color:rgb(0, 0, 0);">在智能家居和个人助理中，用户需要长期互动与陪伴，如个人助理、健康监测、虚拟宠物等，这些场景需要通过情感反馈增加用户的依赖感和亲密感。而情感化的助手能提供更自然和愉悦的交互体验，通过学习用户习惯与偏好，以更贴心的方式进行日常提醒和管理。</font>
-- **<font style="color:rgb(0, 0, 0);">娱乐与社交: </font>**<font style="color:rgb(0, 0, 0);">在数字娱乐和社交互动中，情感化的角色可以增加用户的沉浸感和参与度，如游戏、虚拟现实和在线社区中，通过情感反应增强故事叙述和角色互动。 这些场景中角色情感化的运用能够丰富用户体验，使技术交互更接近人与人之间的自然互动。</font>
-- **<font style="color:rgb(0, 0, 0);">特殊关怀及服务：</font>**<font style="color:rgb(0, 0, 0);">面向老年人的设计，情感化的角色能提供温馨、耐心的陪伴，减轻孤独感，满足情感需求。 针对有特殊需求的用户（如残障人士），情感化设计能提供更加贴心、敏感的支持，增强自主生活能力。面对紧急服务与危机应对，如灾害警报、医疗急救指导，情感化设计能更有效地传达紧迫性并安抚用户情绪。</font>
-- **<font style="color:rgb(0, 0, 0);">医疗与教育：</font>**<font style="color:rgb(0, 0, 0);">在医疗健康护理领域，特别是在心理健康、疾病管理和远程医疗领域，情感化的角色能提供安慰、鼓励，帮助用户更好地遵循治疗计划，感受到情感上的支持。在教育环境中，情感化的AI可以提供更个性化的学习支持，通过情感反应匹配学生的学习状态，以鼓励和激励学生，提升学习效果。 </font>
-- **<font style="color:rgb(0, 0, 0);">客户服务与支持：</font>**<font style="color:rgb(0, 0, 0);">在客户服务中，情感化的交互可以提升服务品质，让客户感受到更多人性化关怀和同理心，增加客户满意度和忠诚度。 在解决用户问题时，情感化的角色能够以更加贴心和理解的态度响应用户的问题和投诉，提升用户满意度和品牌忠诚度。 </font>
+在这些场景中，角色的情感化设计不仅限于外观或语言上的调整，更深入到交互逻辑、反馈机制及内容生成策略中，确保智能 AI 能以人性化方式与用户沟通。
 
-<font style="color:rgb(0, 0, 0);"> ……</font>
+## 最佳案例
 
-<font style="color:rgb(0, 0, 0);">在这些场景中，角色的情感化设计不仅仅是外观或语言上的调整，更是深入到交互逻辑、反馈机制及内容生成策略中，确保智能 AI 能够以更加人性化的方式与用户沟通。这些场景强调了角色情感化设计的重要性，它不仅关乎于技术实现，更在于如何通过设计触达人心，建立更加人性化、高效且富有同情心的数字交互体验。 </font>
+#### 1. 更细腻的情感适应性与互动个性化
 
-<h1 id="ZHGtv">最佳案例</h1>
-
-<h3 id="BoUWZ">1、为角色赋予更细腻的情感的适应性、互动的个性化、丰富的语言表达</h3>
-
-<font style="color:rgb(0, 0, 0);">细腻的</font>**<font style="color:rgb(0, 0, 0);">情感适应性</font>**<font style="color:rgb(0, 0, 0);">让虚拟陪伴类 AI 能感知并响应用户情绪，建立情感纽带，给予适时的支持与反馈；</font>**<font style="color:rgb(0, 0, 0);">互动的个性化</font>**<font style="color:rgb(0, 0, 0);">确保体验贴合每位用户的独特性，增强归属感与真实感；</font>**<font style="color:rgb(0, 0, 0);">丰富的语言表达</font>**<font style="color:rgb(0, 0, 0);">则让交流生动多彩，促进深层次沟通，使互动既智慧又充满人性温度。</font>**<font style="color:rgb(0, 0, 0);">情感的适应性、互动的个性化、丰富的语言表达</font>**<font style="color:rgb(0, 0, 0);">这三点共同作用，极大提升了 AI 的质量，满足用户情感与心理需求，构建了更加亲密和谐的人机交互环境。</font>
+细腻的**情感适应性**使虚拟陪伴类 AI 能感知并响应用户情绪，建立情感纽带，给予适时的支持与反馈；**互动的个性化**确保体验贴合每位用户的独特性，增强归属感与真实感；**丰富的语言表达**使互动生动多彩，促进深层次沟通。三者结合，极大提升 AI 质量，满足用户情感需求，构建更加亲密和谐的人机交互环境。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*n-oTTJjH_fIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(6, 6, 7);"></font>
-
-<h3 id="VqEpR">2、为角色设定具有感染力的视觉的表现力增<font style="color:rgb(6, 6, 7);">强情感化的表达</font></h3>
+#### 2. 感染力强的视觉表现力
 
-**<font style="color:rgb(0, 0, 0);">视觉表现力</font>**<font style="color:rgb(0, 0, 0);">通过直观的形象设计与动态效果，增强 AI 的个性与情感传达，使用户在视觉上获得即时的情感共鸣。不仅丰富了交互的维度，还能够让非言语信息如表情、动作等成为沟通的重要组成部分，进而提升互动的真实感与沉浸感。精心设计的视觉表现力能够跨越语言限制，有效吸引用户注意，深化用户与 AI 之间的情感联系。</font>
+通过直观的形象设计与动态效果，增强 AI 的个性与情感传达，使用户在视觉上获得即时的情感共鸣。不仅丰富了交互的维度，还使非语言信息（如表情、动作）成为沟通的重要组成部分，提升互动的真实感与沉浸感。精心设计的视觉表现力能跨越语言限制，有效吸引用户注意，深化与 AI 之间的情感联系。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*hsuNSKkBNycAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/hybrid-ui-design.en-US.md b/docs/spec/hybrid-ui-design.en-US.md
index 109d65c9..dd9ea7dd 100644
--- a/docs/spec/hybrid-ui-design.en-US.md
+++ b/docs/spec/hybrid-ui-design.en-US.md
@@ -8,51 +8,51 @@ title: 介绍
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bybpQaS1i9kAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在 AI 时代，图形界面融合了自然语言会话等多通道交互，演变出新的形态。当意图、角色、会话这一切无形的体验规则被确定之后，它们最终也将承载于具体的界面之上。无形的体验融入到有形的体验之中，在这一部分里，我们提出的 HUI 正是要定义界面这一有形的体验，保障好 AI 产品体验的最后一道门槛。
+在 AI 时代，图形界面融合了自然语言会话等多通道交互，演变出新的形态。当意图、角色、会话等无形的体验规则被确定后，它们最终会承载于具体的界面之上。无形的体验融入到有形的体验中，我们提出了 HUI（Hybrid UI）来定义界面这一有形的体验，保障 AI 产品体验的最后一道门槛。
 
-Ant Design X UI 资产正是一套基于 RICH 理念而生的、混合了多通道交互模式的 AI 界面资产，希望帮助大家轻松创造卓越 AI 产品体验。
+Ant Design X UI 资产是一套基于 RICH 理念、融合多通道交互模式的 AI 界面资产，旨在帮助设计师轻松打造卓越的 AI 产品体验。
 
-<h1 id="nS9dS">WHY｜为什么是 Hybrid UI</h1>
+## WHY｜为什么是 Hybrid UI
 
-<font style="color:rgb(28, 31, 35);">随着人工智能（AI）技术极为快速的发展，在各个领域都出现了更多形式多样的人与AI 配合的工作方式，这种工作方式涵盖了从简单的数据处理到复杂的决策制定等多个层面。由于人与AI的协作方式不断创新和拓展，自然也会不可避免地带来用户交互行为上全方位、深层次的变化。这些变化不仅体现在交互的频率上，还包括交互的方式、内容以及对交互结果的预期和处理等多个方面。</font>人工智能带来了工具功能的强大，也提高了用户对智能体验的期望。
+随着人工智能（AI）技术的快速发展，人与 AI 配合的工作方式变得更加多样化，从简单的数据处理到复杂的决策制定。伴随这种协作方式的拓展，用户交互行为也发生了深刻变化，包括交互的频率、方式、内容以及对结果的预期和处理等。
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*PmlSR6yuYWgAAAAAAAAAAAAADgCCAQ/fmt.webp)
+AI 不仅带来了强大的工具功能，也提高了用户对智能体验的期望。
 
-在<font style="background-color:rgb(253, 253, 254);">人工智能（AI）</font>时代下，用户行为的变化是：由原来人主要的执行行为（DO），可以增加人为 <font style="background-color:rgb(253, 253, 254);">AI</font> 来提供意图信息（Chat），让 AI 去执行任务，人可以感知 AI 做的过程和结果，并做辅助决策。
+![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*PmlSR6yuYWgAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-所以，基于用户行为的变化，会在 GUI + 键鼠的传统操作基础上，增加了自然语言对话新方式。同时，新的用户行为方式也带来了表达障碍的挑战，设计师需要思考，该如何兼顾用户的对话式体验和操作体验？界面载体该如何兼顾呈现呢？
+在 AI 时代，用户行为从以执行行为（DO）为主，转变为用户通过 AI 提供意图信息（Chat），让 AI 执行任务，同时感知 AI 的过程和结果，并辅助决策。这种转变要求设计师在传统 GUI 和新型自然语言对话方式之间找到平衡，兼顾用户的对话式和操作式体验。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*UpqARobh0kYAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-基于以上思考，经过蚂蚁内部 50+ AI 产品的设计实践，我们推出了**<font style="color:rgb(36, 36, 36);">混合用户界面（ </font>\*\***Hybrid UI ）\*\*，用以解答：AI 赋能的混合意图界面如何兼顾用户的对话式体验和操作体验？我们需要将原来传统 GUI 和 AI 时代下的自然语言带来的新型 UI 模式进行结合，以满足不同场景的界面表达诉求。
+基于 50+ AI 产品设计实践，我们提出了**混合用户界面（Hybrid UI）**，以回答如何兼顾对话式和操作式体验的问题。Hybrid UI 将传统 GUI 与 AI 时代的自然语言交互相结合，满足不同场景的界面表达需求。
 
-<h1 id="mP5uu">WHAT｜Hybrid UI 介绍</h1>
+## WHAT｜Hybrid UI 介绍
 
-<font style="color:rgb(36, 36, 36);">由 AI 赋能的 </font>**<font style="color:rgb(36, 36, 36);">混合用户界面（ </font>\*\***Hybrid UI ）\*\*适用于<font style="color:rgb(36, 36, 36);">探索 AI 对话式界面和 GUI 操作界面的融合，</font>Hybrid UI 可以搭载不同的关键 UI 元素，用于解决用户 Chat 和 Do 的意图表达诉求。<font style="background-color:rgb(253, 253, 254);">基于过去一年业务实践，我们盘点了 50+ 企业级的 AI 产品，抽象概括了三类界面模式，</font>基于用户不同意图，PD 或设计师可以快捷定位产品倾向的界面模式。
+**混合用户界面（Hybrid UI）** 探索 AI 对话式界面和 GUI 操作界面的融合。通过不同的关键 UI 元素，Hybrid UI 解决用户 Chat 和 Do 的意图表达需求。
 
-<font style="background-color:rgb(253, 253, 254);"></font>
+基于业务实践，我们归纳出三类界面模式，设计师可以根据产品需求选择合适的模式：
 
-- **Do 为主：**以界面操作为主，偶尔唤起AI快捷指令。如 Quick Bar、固定指令式、内嵌生成式等。
-- **Do + Chat 均衡：**自然语言和界面操作均衡配合使用。如双区联动交互、交互式操作气泡等。
-- **Chat 为主：**以自然语言为主，几乎没有界面操作。如侧边式 Copliot、独立 Web Bot 等。
+- **Do 为主：** 以界面操作为主，偶尔唤起 AI 快捷指令。例如 Quick Bar、固定指令式、内嵌生成式等。
+- **Do + Chat 均衡：** 自然语言与界面操作均衡配合。例如双区联动交互、交互式操作气泡等。
+- **Chat 为主：** 以自然语言为主，几乎没有界面操作。例如侧边式 Copilot、独立 Web Bot 等。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*MYRbTYaUnToAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-另外在资产层，基于 Ant Design 5.0**，**我们也希望提供一套便利的 AI 组件资产，可以方便 PD 或设计师快速搭建起适合的 Hybrid UI 。设计资产是无穷尽且不断变化的，但用户目的和设计目标相对是唯一的，所以我们从用户视角抽象出用户感知 AI 的四个阶段，沉淀出一套典型的 Hybrid UI 界面设计资产，即 **Ant Design X **，让其可以不断生长。
+在资产层面，基于 Ant Design 5.0，我们提供了一套便利的 AI 组件资产，支持设计师快速构建 Hybrid UI。我们从用户视角抽象出用户感知 AI 的四个阶段，沉淀出一套典型的 Hybrid UI 设计资产 —— **Ant Design X**：
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*uBTuR6ymZP0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-- **唤醒阶段：用户要了解 AI 产品的能力与用法。**设计目标是吸引用户，让首次接触的用户快速理解 AI 能做什么，告知用户 AI 可实现的意图范围和预期。相关资产有 [欢迎&提示](https://www.yuque.com/ant-design/ierwgq/zc5hxe2b12mda2ad)。
-- **表达阶段：用户向 AI 准确表达意图。**设计目标是让用户知道如何快捷且正确的表达意图、并看清自己发送的内容。相关资产有 [用户输入](https://www.yuque.com/ant-design/ierwgq/rt5szecixmed200e)、[用户发送](https://www.yuque.com/ant-design/ierwgq/hxm37nohgxg6l1gd)。
-- **确认阶段：用户等待 AI 完成任务。**设计目标是让用户知道该任务的AI执行运转情况。相关资产有 [生成过程](https://www.yuque.com/ant-design/ierwgq/me4dwuedfq0gieqy)。
-- **反馈阶段：用户核查 AI 完成结果并应用。**设计目标是让用户清晰看到并信任AI任务完成的情况、并快速应用AI生成结果。相关资产有 [结果展示](https://www.yuque.com/ant-design/ierwgq/em1gu50owfb91c9a)、[结果应用](https://www.yuque.com/ant-design/ierwgq/nw6o7xc6gxltm4ba)。
+1. **唤醒阶段：** 让用户了解 AI 的能力与用法。设计目标是吸引用户，帮助首次接触的用户快速理解 AI 的功能和预期。相关资产：[欢迎&提示](https://www.yuque.com/ant-design/ierwgq/zc5hxe2b12mda2ad)。
+2. **表达阶段：** 引导用户向 AI 准确表达意图。设计目标是让用户快捷、准确表达意图，并清晰查看发送内容。相关资产：[用户输入](https://www.yuque.com/ant-design/ierwgq/rt5szecixmed200e)、[用户发送](https://www.yuque.com/ant-design/ierwgq/hxm37nohgxg6l1gd)。
+3. **确认阶段：** 让用户感知任务的 AI 执行过程。设计目标是清晰传递任务状态。相关资产：[生成过程](https://www.yuque.com/ant-design/ierwgq/me4dwuedfq0gieqy)。
+4. **反馈阶段：** 用户核查并应用 AI 的结果。设计目标是让用户清晰看到并信任 AI 的任务结果，并快速应用生成内容。相关资产：[结果展示](https://www.yuque.com/ant-design/ierwgq/em1gu50owfb91c9a)、[结果应用](https://www.yuque.com/ant-design/ierwgq/nw6o7xc6gxltm4ba)。
 
-<h1 id="ruTIp">HOW｜资产使用</h1>
+## HOW｜资产使用
 
-<font style="color:rgba(0, 0, 0, 0.88);">我们与工程师合作，将 Ant Design X 设计组件转化为可重用的代码，最大限度地提高您的生产力和沟通效率。</font>
+我们与工程师合作，将 Ant Design X 设计组件转化为可重用代码，最大限度提高生产力和沟通效率。
 
-- <font style="color:#2F8EF4;">研发组件</font><font style="color:rgba(0, 0, 0, 0.88);">：Ant Design X 的 UI 组件库拥有多类基础组件。</font>
-- Sketch资产<font style="color:rgba(0, 0, 0, 0.88);">：提供设计资产包，包括组件、典型模板等。可</font>点击下载 ：[🌟AntDesignX_UI KIT_20241122版.sketch](https://www.yuque.com/attachments/yuque/0/2024/sketch/635293/1732072368187-dd14a3f0-54d4-4af6-9b82-1a408b879aa0.sketch)
-- <font style="color:#2F8EF4;">演示 Demo</font><font style="color:rgba(0, 0, 0, 0.88);">：提供真实样板间使用体验，包括独立式、助手式、嵌入式。</font>
+- **研发组件：** Ant Design X 提供多类基础组件库。
+- **Sketch 资产：** 提供设计资产包，包括组件和典型模板。[🌟AntDesignX_UI KIT_20241122版.sketch](https://www.yuque.com/attachments/yuque/0/2024/sketch/635293/1732072368187-dd14a3f0-54d4-4af6-9b82-1a408b879aa0.sketch)
+- **演示 Demo：** 提供真实样板间体验，包括独立式、助手式、嵌入式。
 
 ![典型页面示意](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*UAEeSbJfuM8AAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/hybrid-ui-design.zh-CN.md b/docs/spec/hybrid-ui-design.zh-CN.md
index 109d65c9..dd9ea7dd 100644
--- a/docs/spec/hybrid-ui-design.zh-CN.md
+++ b/docs/spec/hybrid-ui-design.zh-CN.md
@@ -8,51 +8,51 @@ title: 介绍
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bybpQaS1i9kAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在 AI 时代，图形界面融合了自然语言会话等多通道交互，演变出新的形态。当意图、角色、会话这一切无形的体验规则被确定之后，它们最终也将承载于具体的界面之上。无形的体验融入到有形的体验之中，在这一部分里，我们提出的 HUI 正是要定义界面这一有形的体验，保障好 AI 产品体验的最后一道门槛。
+在 AI 时代，图形界面融合了自然语言会话等多通道交互，演变出新的形态。当意图、角色、会话等无形的体验规则被确定后，它们最终会承载于具体的界面之上。无形的体验融入到有形的体验中，我们提出了 HUI（Hybrid UI）来定义界面这一有形的体验，保障 AI 产品体验的最后一道门槛。
 
-Ant Design X UI 资产正是一套基于 RICH 理念而生的、混合了多通道交互模式的 AI 界面资产，希望帮助大家轻松创造卓越 AI 产品体验。
+Ant Design X UI 资产是一套基于 RICH 理念、融合多通道交互模式的 AI 界面资产，旨在帮助设计师轻松打造卓越的 AI 产品体验。
 
-<h1 id="nS9dS">WHY｜为什么是 Hybrid UI</h1>
+## WHY｜为什么是 Hybrid UI
 
-<font style="color:rgb(28, 31, 35);">随着人工智能（AI）技术极为快速的发展，在各个领域都出现了更多形式多样的人与AI 配合的工作方式，这种工作方式涵盖了从简单的数据处理到复杂的决策制定等多个层面。由于人与AI的协作方式不断创新和拓展，自然也会不可避免地带来用户交互行为上全方位、深层次的变化。这些变化不仅体现在交互的频率上，还包括交互的方式、内容以及对交互结果的预期和处理等多个方面。</font>人工智能带来了工具功能的强大，也提高了用户对智能体验的期望。
+随着人工智能（AI）技术的快速发展，人与 AI 配合的工作方式变得更加多样化，从简单的数据处理到复杂的决策制定。伴随这种协作方式的拓展，用户交互行为也发生了深刻变化，包括交互的频率、方式、内容以及对结果的预期和处理等。
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*PmlSR6yuYWgAAAAAAAAAAAAADgCCAQ/fmt.webp)
+AI 不仅带来了强大的工具功能，也提高了用户对智能体验的期望。
 
-在<font style="background-color:rgb(253, 253, 254);">人工智能（AI）</font>时代下，用户行为的变化是：由原来人主要的执行行为（DO），可以增加人为 <font style="background-color:rgb(253, 253, 254);">AI</font> 来提供意图信息（Chat），让 AI 去执行任务，人可以感知 AI 做的过程和结果，并做辅助决策。
+![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*PmlSR6yuYWgAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-所以，基于用户行为的变化，会在 GUI + 键鼠的传统操作基础上，增加了自然语言对话新方式。同时，新的用户行为方式也带来了表达障碍的挑战，设计师需要思考，该如何兼顾用户的对话式体验和操作体验？界面载体该如何兼顾呈现呢？
+在 AI 时代，用户行为从以执行行为（DO）为主，转变为用户通过 AI 提供意图信息（Chat），让 AI 执行任务，同时感知 AI 的过程和结果，并辅助决策。这种转变要求设计师在传统 GUI 和新型自然语言对话方式之间找到平衡，兼顾用户的对话式和操作式体验。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*UpqARobh0kYAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-基于以上思考，经过蚂蚁内部 50+ AI 产品的设计实践，我们推出了**<font style="color:rgb(36, 36, 36);">混合用户界面（ </font>\*\***Hybrid UI ）\*\*，用以解答：AI 赋能的混合意图界面如何兼顾用户的对话式体验和操作体验？我们需要将原来传统 GUI 和 AI 时代下的自然语言带来的新型 UI 模式进行结合，以满足不同场景的界面表达诉求。
+基于 50+ AI 产品设计实践，我们提出了**混合用户界面（Hybrid UI）**，以回答如何兼顾对话式和操作式体验的问题。Hybrid UI 将传统 GUI 与 AI 时代的自然语言交互相结合，满足不同场景的界面表达需求。
 
-<h1 id="mP5uu">WHAT｜Hybrid UI 介绍</h1>
+## WHAT｜Hybrid UI 介绍
 
-<font style="color:rgb(36, 36, 36);">由 AI 赋能的 </font>**<font style="color:rgb(36, 36, 36);">混合用户界面（ </font>\*\***Hybrid UI ）\*\*适用于<font style="color:rgb(36, 36, 36);">探索 AI 对话式界面和 GUI 操作界面的融合，</font>Hybrid UI 可以搭载不同的关键 UI 元素，用于解决用户 Chat 和 Do 的意图表达诉求。<font style="background-color:rgb(253, 253, 254);">基于过去一年业务实践，我们盘点了 50+ 企业级的 AI 产品，抽象概括了三类界面模式，</font>基于用户不同意图，PD 或设计师可以快捷定位产品倾向的界面模式。
+**混合用户界面（Hybrid UI）** 探索 AI 对话式界面和 GUI 操作界面的融合。通过不同的关键 UI 元素，Hybrid UI 解决用户 Chat 和 Do 的意图表达需求。
 
-<font style="background-color:rgb(253, 253, 254);"></font>
+基于业务实践，我们归纳出三类界面模式，设计师可以根据产品需求选择合适的模式：
 
-- **Do 为主：**以界面操作为主，偶尔唤起AI快捷指令。如 Quick Bar、固定指令式、内嵌生成式等。
-- **Do + Chat 均衡：**自然语言和界面操作均衡配合使用。如双区联动交互、交互式操作气泡等。
-- **Chat 为主：**以自然语言为主，几乎没有界面操作。如侧边式 Copliot、独立 Web Bot 等。
+- **Do 为主：** 以界面操作为主，偶尔唤起 AI 快捷指令。例如 Quick Bar、固定指令式、内嵌生成式等。
+- **Do + Chat 均衡：** 自然语言与界面操作均衡配合。例如双区联动交互、交互式操作气泡等。
+- **Chat 为主：** 以自然语言为主，几乎没有界面操作。例如侧边式 Copilot、独立 Web Bot 等。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*MYRbTYaUnToAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-另外在资产层，基于 Ant Design 5.0**，**我们也希望提供一套便利的 AI 组件资产，可以方便 PD 或设计师快速搭建起适合的 Hybrid UI 。设计资产是无穷尽且不断变化的，但用户目的和设计目标相对是唯一的，所以我们从用户视角抽象出用户感知 AI 的四个阶段，沉淀出一套典型的 Hybrid UI 界面设计资产，即 **Ant Design X **，让其可以不断生长。
+在资产层面，基于 Ant Design 5.0，我们提供了一套便利的 AI 组件资产，支持设计师快速构建 Hybrid UI。我们从用户视角抽象出用户感知 AI 的四个阶段，沉淀出一套典型的 Hybrid UI 设计资产 —— **Ant Design X**：
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*uBTuR6ymZP0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-- **唤醒阶段：用户要了解 AI 产品的能力与用法。**设计目标是吸引用户，让首次接触的用户快速理解 AI 能做什么，告知用户 AI 可实现的意图范围和预期。相关资产有 [欢迎&提示](https://www.yuque.com/ant-design/ierwgq/zc5hxe2b12mda2ad)。
-- **表达阶段：用户向 AI 准确表达意图。**设计目标是让用户知道如何快捷且正确的表达意图、并看清自己发送的内容。相关资产有 [用户输入](https://www.yuque.com/ant-design/ierwgq/rt5szecixmed200e)、[用户发送](https://www.yuque.com/ant-design/ierwgq/hxm37nohgxg6l1gd)。
-- **确认阶段：用户等待 AI 完成任务。**设计目标是让用户知道该任务的AI执行运转情况。相关资产有 [生成过程](https://www.yuque.com/ant-design/ierwgq/me4dwuedfq0gieqy)。
-- **反馈阶段：用户核查 AI 完成结果并应用。**设计目标是让用户清晰看到并信任AI任务完成的情况、并快速应用AI生成结果。相关资产有 [结果展示](https://www.yuque.com/ant-design/ierwgq/em1gu50owfb91c9a)、[结果应用](https://www.yuque.com/ant-design/ierwgq/nw6o7xc6gxltm4ba)。
+1. **唤醒阶段：** 让用户了解 AI 的能力与用法。设计目标是吸引用户，帮助首次接触的用户快速理解 AI 的功能和预期。相关资产：[欢迎&提示](https://www.yuque.com/ant-design/ierwgq/zc5hxe2b12mda2ad)。
+2. **表达阶段：** 引导用户向 AI 准确表达意图。设计目标是让用户快捷、准确表达意图，并清晰查看发送内容。相关资产：[用户输入](https://www.yuque.com/ant-design/ierwgq/rt5szecixmed200e)、[用户发送](https://www.yuque.com/ant-design/ierwgq/hxm37nohgxg6l1gd)。
+3. **确认阶段：** 让用户感知任务的 AI 执行过程。设计目标是清晰传递任务状态。相关资产：[生成过程](https://www.yuque.com/ant-design/ierwgq/me4dwuedfq0gieqy)。
+4. **反馈阶段：** 用户核查并应用 AI 的结果。设计目标是让用户清晰看到并信任 AI 的任务结果，并快速应用生成内容。相关资产：[结果展示](https://www.yuque.com/ant-design/ierwgq/em1gu50owfb91c9a)、[结果应用](https://www.yuque.com/ant-design/ierwgq/nw6o7xc6gxltm4ba)。
 
-<h1 id="ruTIp">HOW｜资产使用</h1>
+## HOW｜资产使用
 
-<font style="color:rgba(0, 0, 0, 0.88);">我们与工程师合作，将 Ant Design X 设计组件转化为可重用的代码，最大限度地提高您的生产力和沟通效率。</font>
+我们与工程师合作，将 Ant Design X 设计组件转化为可重用代码，最大限度提高生产力和沟通效率。
 
-- <font style="color:#2F8EF4;">研发组件</font><font style="color:rgba(0, 0, 0, 0.88);">：Ant Design X 的 UI 组件库拥有多类基础组件。</font>
-- Sketch资产<font style="color:rgba(0, 0, 0, 0.88);">：提供设计资产包，包括组件、典型模板等。可</font>点击下载 ：[🌟AntDesignX_UI KIT_20241122版.sketch](https://www.yuque.com/attachments/yuque/0/2024/sketch/635293/1732072368187-dd14a3f0-54d4-4af6-9b82-1a408b879aa0.sketch)
-- <font style="color:#2F8EF4;">演示 Demo</font><font style="color:rgba(0, 0, 0, 0.88);">：提供真实样板间使用体验，包括独立式、助手式、嵌入式。</font>
+- **研发组件：** Ant Design X 提供多类基础组件库。
+- **Sketch 资产：** 提供设计资产包，包括组件和典型模板。[🌟AntDesignX_UI KIT_20241122版.sketch](https://www.yuque.com/attachments/yuque/0/2024/sketch/635293/1732072368187-dd14a3f0-54d4-4af6-9b82-1a408b879aa0.sketch)
+- **演示 Demo：** 提供真实样板间体验，包括独立式、助手式、嵌入式。
 
 ![典型页面示意](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*UAEeSbJfuM8AAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/intention-introduce.en-US.md b/docs/spec/intention-introduce.en-US.md
index bed0c055..c31f09ef 100644
--- a/docs/spec/intention-introduce.en-US.md
+++ b/docs/spec/intention-introduce.en-US.md
@@ -8,34 +8,46 @@ title: 介绍
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*DY3oSowUuI8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在简介篇中我们提到在蚂蚁内部 AI 产品实践中，经常冒出诸多的体验困惑，其中最关键的都聚焦在设计的「模糊前期」，比如：什么时候应该使用会话的方式？如何让 AI 理解用户的意图？等等。意图这一体验要素，在 AI 时代变得更加举足轻重，除了技术的努力，设计能在意图方面做些什么呢？
+在简介篇中提到，在蚂蚁内部 AI 产品实践中，经常出现许多体验困惑，其中最关键的都聚焦在设计的「模糊前期」。例如：什么时候应该使用会话方式？如何让 AI 理解用户的意图？这些问题使得意图这一体验要素在 AI 时代变得更加重要。除了技术上的努力，设计在意图方面又能做些什么呢？
 
-<h1 id="eaIbX">What 什么是意图设计</h1>
+## What｜什么是意图设计
 
-在<font style="color:rgb(0, 0, 0);">人工智能领域</font>，意图<font style="background-color:rgb(253, 253, 254);">通常被定义为</font><font style="color:rgb(0, 0, 0);">用户希望达成的目标</font><font style="background-color:rgb(253, 253, 254);">，如查询天气情况、办理银行业务、预约服务等。这些意图并不总是直接表达出来，而是隐含在用户的言行之中。</font>
+在人工智能领域，**意图**通常被定义为用户希望达成的目标，例如查询天气、办理银行业务或预约服务等。这些意图并不总是直接表达出来，而是隐含在用户的言行中。
 
-<font style="background-color:rgb(253, 253, 254);">在不同的领域和维度，意图也有不同的分类，如按照用户意图清晰度可分成意图清晰与意图模糊；按照用户与系统的交互目的可分为咨询信息类与执行任务类。</font>
+意图在不同领域和维度中有多种分类方式，例如：
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*89KfQ7WummEAAAAAAAAAAAAADgCCAQ/fmt.webp)<font style="background-color:rgb(253, 253, 254);"></font>
+- **按照用户意图清晰度：**
+  - 意图清晰
+  - 意图模糊
+- **按照用户与系统的交互目的：**
+  - 咨询信息类
+  - 执行任务类
 
-<font style="background-color:rgb(253, 253, 254);"></font>
+![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*89KfQ7WummEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="fOsSJ"><font style="color:rgb(36, 41, 47);">Why 为什么要做意图设计</font></h1>
+## Why｜为什么要做意图设计
 
-用户的意图常常隐含在言行之中，人们倾向于以自然方式表达需求，而非直接说明意图。因此，准确识别这些隐含意图至关重要。<font style="background-color:rgb(253, 253, 254);">它能帮助 AI 更准确地回应用户需求，更高效完成用户目标。</font>
+用户的意图常常隐含在自然的言行中，人们倾向于自然表达需求，而非直接说明意图。准确识别这些隐含意图至关重要，这能帮助 AI 更精准地回应用户需求，更高效地完成用户目标。
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*lWARTZdjOzkAAAAAAAAAAAAADgCCAQ/fmt.webp)<font style="background-color:rgb(253, 253, 254);"></font>
+![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*lWARTZdjOzkAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-换句话说用户目标的实现已从 GUI 时代的繁琐界面操作转变为 AGI 时代 AI 对复杂意图的理解。这大大降低了用户的学习成本，提升了产品体验。然而我们在蚂蚁内部的AI实践中发现，并非所有意图都适合会话式交互，有时简单点击在某些场景下比多轮对话更为高效。
+换句话说，用户目标的实现已经从 GUI 时代的繁琐界面操作，转变为 AGI 时代通过 AI 理解复杂意图。这不仅降低了用户的学习成本，还提升了产品体验。
 
-<font style="background-color:rgb(253, 253, 254);">除了传统界面交互与会话式等交互界面范式的问题，通过调研我们还发现：大部分用户对于 AI 产品存在认知盲区，即</font>不清楚 AI 能帮我实现哪些意图<font style="background-color:rgb(253, 253, 254);">，以及往往</font>没有能力准确表达意图<font style="background-color:rgb(253, 253, 254);">，这在一定程度上阻碍了 AI 的有效应用。因此，如何提升用户对 AI 能力的认知，并设计出让用户能轻松准确表达意图的界面，成为当前 AI 设计领域待解决的重要课题。</font>
+然而，蚂蚁内部的 AI 实践发现：
+
+1. **并非所有意图都适合会话式交互：**  
+   在某些场景下，简单的点击操作比多轮对话更为高效。
+2. **用户对 AI 存在认知盲区：**  
+   很多用户不清楚 AI 能实现哪些意图，且往往缺乏能力准确表达意图。这种情况阻碍了 AI 的有效应用。
+
+因此，如何提升用户对 AI 能力的认知，并设计出让用户轻松、准确表达意图的界面，成为当前 AI 设计领域亟待解决的重要课题。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*99HAQ6jTEOIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*LteUT7RaGMAAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="ehvPv"><font style="color:rgb(51, 51, 51);">How 如何应用意图设计</font></h1>
+## How｜如何应用意图设计
 
-<font style="color:rgb(51, 51, 51);">那么该如何应用意图设计策略解决 AI 产品的体验设计问题呢？概览如下图，具体细节内容请查看子篇章。</font>
+那么，如何应用意图设计策略来解决 AI 产品的体验设计问题？以下是概览示意，具体细节请参见子篇章。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ktkvR6RxoNIAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/intention-introduce.zh-CN.md b/docs/spec/intention-introduce.zh-CN.md
index bed0c055..c31f09ef 100644
--- a/docs/spec/intention-introduce.zh-CN.md
+++ b/docs/spec/intention-introduce.zh-CN.md
@@ -8,34 +8,46 @@ title: 介绍
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*DY3oSowUuI8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-在简介篇中我们提到在蚂蚁内部 AI 产品实践中，经常冒出诸多的体验困惑，其中最关键的都聚焦在设计的「模糊前期」，比如：什么时候应该使用会话的方式？如何让 AI 理解用户的意图？等等。意图这一体验要素，在 AI 时代变得更加举足轻重，除了技术的努力，设计能在意图方面做些什么呢？
+在简介篇中提到，在蚂蚁内部 AI 产品实践中，经常出现许多体验困惑，其中最关键的都聚焦在设计的「模糊前期」。例如：什么时候应该使用会话方式？如何让 AI 理解用户的意图？这些问题使得意图这一体验要素在 AI 时代变得更加重要。除了技术上的努力，设计在意图方面又能做些什么呢？
 
-<h1 id="eaIbX">What 什么是意图设计</h1>
+## What｜什么是意图设计
 
-在<font style="color:rgb(0, 0, 0);">人工智能领域</font>，意图<font style="background-color:rgb(253, 253, 254);">通常被定义为</font><font style="color:rgb(0, 0, 0);">用户希望达成的目标</font><font style="background-color:rgb(253, 253, 254);">，如查询天气情况、办理银行业务、预约服务等。这些意图并不总是直接表达出来，而是隐含在用户的言行之中。</font>
+在人工智能领域，**意图**通常被定义为用户希望达成的目标，例如查询天气、办理银行业务或预约服务等。这些意图并不总是直接表达出来，而是隐含在用户的言行中。
 
-<font style="background-color:rgb(253, 253, 254);">在不同的领域和维度，意图也有不同的分类，如按照用户意图清晰度可分成意图清晰与意图模糊；按照用户与系统的交互目的可分为咨询信息类与执行任务类。</font>
+意图在不同领域和维度中有多种分类方式，例如：
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*89KfQ7WummEAAAAAAAAAAAAADgCCAQ/fmt.webp)<font style="background-color:rgb(253, 253, 254);"></font>
+- **按照用户意图清晰度：**
+  - 意图清晰
+  - 意图模糊
+- **按照用户与系统的交互目的：**
+  - 咨询信息类
+  - 执行任务类
 
-<font style="background-color:rgb(253, 253, 254);"></font>
+![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*89KfQ7WummEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="fOsSJ"><font style="color:rgb(36, 41, 47);">Why 为什么要做意图设计</font></h1>
+## Why｜为什么要做意图设计
 
-用户的意图常常隐含在言行之中，人们倾向于以自然方式表达需求，而非直接说明意图。因此，准确识别这些隐含意图至关重要。<font style="background-color:rgb(253, 253, 254);">它能帮助 AI 更准确地回应用户需求，更高效完成用户目标。</font>
+用户的意图常常隐含在自然的言行中，人们倾向于自然表达需求，而非直接说明意图。准确识别这些隐含意图至关重要，这能帮助 AI 更精准地回应用户需求，更高效地完成用户目标。
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*lWARTZdjOzkAAAAAAAAAAAAADgCCAQ/fmt.webp)<font style="background-color:rgb(253, 253, 254);"></font>
+![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*lWARTZdjOzkAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-换句话说用户目标的实现已从 GUI 时代的繁琐界面操作转变为 AGI 时代 AI 对复杂意图的理解。这大大降低了用户的学习成本，提升了产品体验。然而我们在蚂蚁内部的AI实践中发现，并非所有意图都适合会话式交互，有时简单点击在某些场景下比多轮对话更为高效。
+换句话说，用户目标的实现已经从 GUI 时代的繁琐界面操作，转变为 AGI 时代通过 AI 理解复杂意图。这不仅降低了用户的学习成本，还提升了产品体验。
 
-<font style="background-color:rgb(253, 253, 254);">除了传统界面交互与会话式等交互界面范式的问题，通过调研我们还发现：大部分用户对于 AI 产品存在认知盲区，即</font>不清楚 AI 能帮我实现哪些意图<font style="background-color:rgb(253, 253, 254);">，以及往往</font>没有能力准确表达意图<font style="background-color:rgb(253, 253, 254);">，这在一定程度上阻碍了 AI 的有效应用。因此，如何提升用户对 AI 能力的认知，并设计出让用户能轻松准确表达意图的界面，成为当前 AI 设计领域待解决的重要课题。</font>
+然而，蚂蚁内部的 AI 实践发现：
+
+1. **并非所有意图都适合会话式交互：**  
+   在某些场景下，简单的点击操作比多轮对话更为高效。
+2. **用户对 AI 存在认知盲区：**  
+   很多用户不清楚 AI 能实现哪些意图，且往往缺乏能力准确表达意图。这种情况阻碍了 AI 的有效应用。
+
+因此，如何提升用户对 AI 能力的认知，并设计出让用户轻松、准确表达意图的界面，成为当前 AI 设计领域亟待解决的重要课题。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*99HAQ6jTEOIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*LteUT7RaGMAAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="ehvPv"><font style="color:rgb(51, 51, 51);">How 如何应用意图设计</font></h1>
+## How｜如何应用意图设计
 
-<font style="color:rgb(51, 51, 51);">那么该如何应用意图设计策略解决 AI 产品的体验设计问题呢？概览如下图，具体细节内容请查看子篇章。</font>
+那么，如何应用意图设计策略来解决 AI 产品的体验设计问题？以下是概览示意，具体细节请参见子篇章。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ktkvR6RxoNIAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/introduce.en-US.md b/docs/spec/introduce.en-US.md
index f9722526..95ee9a96 100644
--- a/docs/spec/introduce.en-US.md
+++ b/docs/spec/introduce.en-US.md
@@ -18,7 +18,7 @@ title: 简介
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*RWo-R660OAoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-一个重要的问题开始浮出水面：**到底 AI 产品界面设计该如何进行？**在蚂蚁内部的 AI 产品设计实践中，我们也经常冒出类似的困惑：
+一个重要的问题开始浮出水面： **到底 AI 产品界面设计该如何进行？** 在蚂蚁内部的 AI 产品设计实践中，我们也经常冒出类似的困惑：
 
 - 图形界面操作不好吗？一定要用会话的方式吗？
 - 什么样的产品适合用会话交互完成？
@@ -37,29 +37,27 @@ title: 简介
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*kMJkQLqIftsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="E45ip">一、What？什么是 RICH 设计范式？</h1>
+## 一、What？什么是 RICH 设计范式？
 
 RICH 是我们提出来的一个 AI 界面设计范式，好比 WIMP 范式之于图形用户界面。
 
-ACM SIGCHI 2005（人机交互顶会）曾经定义过，人机交互的核心问题可以分为三个层面
+ACM SIGCHI 2005（人机交互顶会）曾经定义过，人机交互的核心问题可以分为三个层面：
 
-1. **界面范式层：**界定人机交互界面的设计要素，指引设计者关注的核心问题
-2. **用户模型层：**构建界面体验评估模型，用以度量界面体验的好坏
-3. **软件框架层：**人机界面的底层支撑算法和数据结构等软件开发框架，是隐藏在前端界面背后的内容
+1. **界面范式层：** 界定人机交互界面的设计要素，指引设计者关注的核心问题
+2. **用户模型层：** 构建界面体验评估模型，用以度量界面体验的好坏
+3. **软件框架层：** 人机界面的底层支撑算法和数据结构等软件开发框架，是隐藏在前端界面背后的内容
 
-<font style="color:#000000;">其中界面范式，是每一个人机交互新技术诞生之时，设计者最需要去关注和定义的层面。界面范式定义了设计者所应该关注的设计要素是什么，基于此才能定义什么是好的设计和该如何进行好的设计。</font>
+其中界面范式，是每一个人机交互新技术诞生之时，设计者最需要去关注和定义的层面。界面范式定义了设计者所应该关注的设计要素是什么，基于此才能定义什么是好的设计和该如何进行好的设计。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*g2WzS7qPuTcAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(25, 27, 31);">人们追求用户界面的革新，本质上是想要拓宽人机交互的带宽，更大程度解放人的生产力。在整个人机交互的发展过程中，出现了多种广泛使用的用户界面类型，从最早的批处理界面，到后来的命令行界面，再到当下最为流行的图形用户界面。</font>
+人们追求用户界面的革新，本质上是想要拓宽人机交互的带宽，更大程度解放人的生产力。在整个人机交互的发展过程中，出现了多种广泛使用的用户界面类型，从最早的批处理界面，到后来的命令行界面，再到当下最为流行的图形用户界面。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*cXCbRJO2Rl4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(25, 27, 31);"></font>
+基于 **WIMP (Window, Icon, Menu, Point Device) 界面范式** 的图形用户界面，最早诞生于 1970 年代的施乐公司，而后在 1980 年代相继被苹果 Macintosh 电脑和微软 windows 电脑借鉴并发扬光大。基于桌面隐喻的 WIMP 界面由于其语法极小化，对象可视化和快速语义反馈等优点，持续统治着界面设计领域 40 年有余。
 
-<font style="color:rgb(25, 27, 31);">基于</font>**<font style="color:rgb(25, 27, 31);"> WIMP (Window, Icon, Menu, Point Device) 界面范式</font>**<font style="color:rgb(25, 27, 31);">的图形用户界面，最早诞生于 1970 年代的施乐公司，而后在 1980 年代相继被苹果 Macintosh 电脑和微软 windows 电脑借鉴并发扬光大。基于桌面隐喻的 WIMP 界面由于其语法极小化，对象可视化和快速语义反馈等优点，持续统治着界面设计领域 40 年有余。</font>
-
-<font style="color:rgb(25, 27, 31);">如下图案例，我们如今仍在使用的 WIMP 图形用户界面，与最早的样子并无本质差异。这样强有力的现实，也再一次验证了定义界面范式的重要性。</font>
+如下图案例，我们如今仍在使用的 WIMP 图形用户界面，与最早的样子并无本质差异。这样强有力的现实，也再一次验证了定义界面范式的重要性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bSY2T5wecoEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
@@ -67,10 +65,10 @@ ACM SIGCHI 2005（人机交互顶会）曾经定义过，人机交互的核心
 
 RICH 正是我们提出的适用于当下 AGI 人机交互界面设计时代的一种范式的假设，它包含了四个设计要素：
 
-- Intention 意图
-- Role 角色
-- Coversation 对话
-- Hybrid UI 混合界面
+- **Intention 意图**
+- **Role 角色**
+- **Conversation 对话**
+- **Hybrid UI 混合界面**
 
 每一个设计要素都在牵引着我们设计者需要关注的具体问题。
 
@@ -78,10 +76,11 @@ RICH 正是我们提出的适用于当下 AGI 人机交互界面设计时代的
 
 我们认为，在 AI 设计过程中，关注到这四个要素，将有助于我们事半功倍的创造出卓越的 AI 产品体验。
 
-<h1 id="CS12c">二、WHY? 为什么是 RICH 设计范式？</h1>
+## 二、WHY? 为什么是 RICH 设计范式？
+
 在应用之前，我们想先跟大家分享下 RICH 是如何推导出来的？为什么是 RICH 而不是其它？
 
-在人机交互变迁史上，机器和交互方式的迭代总是依托于变革性技术的成熟化应用。变化的是技术和交互方式，但不变的永远是人机交互的本质与人的需求。 从不变思变，正是 RICH 推导出来的关键一步。
+在人机交互变迁史上，机器和交互方式的迭代总是依托于变革性技术的成熟化应用。变化的是技术和交互方式，但不变的永远是人机交互的本质与人的需求。从不变思变，正是 RICH 推导出来的关键一步。
 
 人机交互的本质是用户通过执行某种动作或行为输入给机器，机器理解并完成诉求后产出结果给用户，用户评估是否符合要求，如果符合，一个交互单元就完成了闭环。
 
@@ -93,10 +92,10 @@ RICH 正是我们提出的适用于当下 AGI 人机交互界面设计时代的
 
 在图形界面时代，WIMP 范式中的各个要素，主要作用于人机交互的「执行操作」与输出环节的相关节点：
 
-- **icon 图标：**通过图形化隐喻，帮助用户完成操作的执行
-- **menu 菜单：**通过有序的结构组织了各种操作，让用户能更加高效的进行系统性任务
-- **pointing 指点设备：**通过键盘、鼠标指向式设备，让用户可以更清楚的选中目标操作
-- **windows 窗口：**通过固定的空间去承载不同的内容，让用户能够阅读、评估不同的多媒体内容
+- **icon 图标：** 通过图形化隐喻，帮助用户完成操作的执行
+- **menu 菜单：** 通过有序的结构组织了各种操作，让用户能更加高效的进行系统性任务
+- **pointing 指点设备：** 通过键盘、鼠标指向式设备，让用户可以更清楚的选中目标操作
+- **windows 窗口：** 通过固定的空间去承载不同的内容，让用户能够阅读、评估不同的多媒体内容
 
 受限于图形界面交互的特点，实际上在过去的交互过程中，前期的大量工作需要用户自己完成。用户需要先行根据自己的意图，结合工具——即电脑与图形界面，再进行方案的制定和拆解，才能开始让机器开始执行所明确要求的操作。
 
@@ -108,22 +107,22 @@ RICH 正是我们提出的适用于当下 AGI 人机交互界面设计时代的
 
 RICH 范式正是我们尝试定义的 AI 时代应该关注的设计要素集：
 
-- **Intention 意图：**AI 能够听懂并理解用户的意图，协助用户自动完成方案计划和步骤拆解，进而推动执行
-- **Role 角色：**AI 扮演了某种身份角色，来匹配用户的意图，也保障与用户的互动是顺畅、符合预期的
+- **Intention 意图：** AI 能够听懂并理解用户的意图，协助用户自动完成方案计划和步骤拆解，进而推动执行
+- **Role 角色：** AI 扮演了某种身份角色，来匹配用户的意图，也保障与用户的互动是顺畅、符合预期的
 - **Conversation 会话：** 用户的模糊意图通过会话来逐步与 AI 对焦、拆解，用户的指令也结合其中
-- **Hybrid UI 混合界面：**用户的执行动作和机器的结果输出与反馈承载在融合了多种交互方式的界面当中
+- **Hybrid UI 混合界面：** 用户的执行动作和机器的结果输出与反馈承载在融合了多种交互方式的界面当中
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*0ZkdTZND-b8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 上述四个要素，组合在一起构成了 IRCH 这四个字母，为了方便记忆和应用，我们调整了下字母的顺序得到了 RICH 这个单词，刚好十分便于记忆，我们暂且将这个设计范式称之为「RICH 设计范式」😄。
 
-<h1 id="SFG1W">三、How？如何应用 RICH AI 设计范式？</h1>
+## 三、How？如何应用 RICH AI 设计范式？
 
 那么该如何应用 RICH 创造卓越的 AI 产品体验呢？在后续的指引文档里，我们将深入浅出，分别针对 RICH 中的四个要素进行介绍和定义，通行提供了开箱即用的设计策略和案例，帮助大家更好的理解和应用 RICH。这套理念和最终的界面资产也集成到 Ant Design X 里，希望能帮助大家轻松创造卓越 AI 产品体验！
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*eWaFS6DiXtYAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="ekpOf">附</h1>
+## 附
 
 最后，感谢广大开源的各类学术论文、书籍和企业界的 AI 设计理论，过去一年多，在它们的肩膀上，我们构建了一套开箱即用的理论与方法。我们知道 RICH 一定还有很多考虑不周的地方，也希望大家多多给我们反馈。
 
diff --git a/docs/spec/introduce.zh-CN.md b/docs/spec/introduce.zh-CN.md
index f9722526..95ee9a96 100644
--- a/docs/spec/introduce.zh-CN.md
+++ b/docs/spec/introduce.zh-CN.md
@@ -18,7 +18,7 @@ title: 简介
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*RWo-R660OAoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-一个重要的问题开始浮出水面：**到底 AI 产品界面设计该如何进行？**在蚂蚁内部的 AI 产品设计实践中，我们也经常冒出类似的困惑：
+一个重要的问题开始浮出水面： **到底 AI 产品界面设计该如何进行？** 在蚂蚁内部的 AI 产品设计实践中，我们也经常冒出类似的困惑：
 
 - 图形界面操作不好吗？一定要用会话的方式吗？
 - 什么样的产品适合用会话交互完成？
@@ -37,29 +37,27 @@ title: 简介
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*kMJkQLqIftsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="E45ip">一、What？什么是 RICH 设计范式？</h1>
+## 一、What？什么是 RICH 设计范式？
 
 RICH 是我们提出来的一个 AI 界面设计范式，好比 WIMP 范式之于图形用户界面。
 
-ACM SIGCHI 2005（人机交互顶会）曾经定义过，人机交互的核心问题可以分为三个层面
+ACM SIGCHI 2005（人机交互顶会）曾经定义过，人机交互的核心问题可以分为三个层面：
 
-1. **界面范式层：**界定人机交互界面的设计要素，指引设计者关注的核心问题
-2. **用户模型层：**构建界面体验评估模型，用以度量界面体验的好坏
-3. **软件框架层：**人机界面的底层支撑算法和数据结构等软件开发框架，是隐藏在前端界面背后的内容
+1. **界面范式层：** 界定人机交互界面的设计要素，指引设计者关注的核心问题
+2. **用户模型层：** 构建界面体验评估模型，用以度量界面体验的好坏
+3. **软件框架层：** 人机界面的底层支撑算法和数据结构等软件开发框架，是隐藏在前端界面背后的内容
 
-<font style="color:#000000;">其中界面范式，是每一个人机交互新技术诞生之时，设计者最需要去关注和定义的层面。界面范式定义了设计者所应该关注的设计要素是什么，基于此才能定义什么是好的设计和该如何进行好的设计。</font>
+其中界面范式，是每一个人机交互新技术诞生之时，设计者最需要去关注和定义的层面。界面范式定义了设计者所应该关注的设计要素是什么，基于此才能定义什么是好的设计和该如何进行好的设计。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*g2WzS7qPuTcAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(25, 27, 31);">人们追求用户界面的革新，本质上是想要拓宽人机交互的带宽，更大程度解放人的生产力。在整个人机交互的发展过程中，出现了多种广泛使用的用户界面类型，从最早的批处理界面，到后来的命令行界面，再到当下最为流行的图形用户界面。</font>
+人们追求用户界面的革新，本质上是想要拓宽人机交互的带宽，更大程度解放人的生产力。在整个人机交互的发展过程中，出现了多种广泛使用的用户界面类型，从最早的批处理界面，到后来的命令行界面，再到当下最为流行的图形用户界面。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*cXCbRJO2Rl4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(25, 27, 31);"></font>
+基于 **WIMP (Window, Icon, Menu, Point Device) 界面范式** 的图形用户界面，最早诞生于 1970 年代的施乐公司，而后在 1980 年代相继被苹果 Macintosh 电脑和微软 windows 电脑借鉴并发扬光大。基于桌面隐喻的 WIMP 界面由于其语法极小化，对象可视化和快速语义反馈等优点，持续统治着界面设计领域 40 年有余。
 
-<font style="color:rgb(25, 27, 31);">基于</font>**<font style="color:rgb(25, 27, 31);"> WIMP (Window, Icon, Menu, Point Device) 界面范式</font>**<font style="color:rgb(25, 27, 31);">的图形用户界面，最早诞生于 1970 年代的施乐公司，而后在 1980 年代相继被苹果 Macintosh 电脑和微软 windows 电脑借鉴并发扬光大。基于桌面隐喻的 WIMP 界面由于其语法极小化，对象可视化和快速语义反馈等优点，持续统治着界面设计领域 40 年有余。</font>
-
-<font style="color:rgb(25, 27, 31);">如下图案例，我们如今仍在使用的 WIMP 图形用户界面，与最早的样子并无本质差异。这样强有力的现实，也再一次验证了定义界面范式的重要性。</font>
+如下图案例，我们如今仍在使用的 WIMP 图形用户界面，与最早的样子并无本质差异。这样强有力的现实，也再一次验证了定义界面范式的重要性。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*bSY2T5wecoEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
@@ -67,10 +65,10 @@ ACM SIGCHI 2005（人机交互顶会）曾经定义过，人机交互的核心
 
 RICH 正是我们提出的适用于当下 AGI 人机交互界面设计时代的一种范式的假设，它包含了四个设计要素：
 
-- Intention 意图
-- Role 角色
-- Coversation 对话
-- Hybrid UI 混合界面
+- **Intention 意图**
+- **Role 角色**
+- **Conversation 对话**
+- **Hybrid UI 混合界面**
 
 每一个设计要素都在牵引着我们设计者需要关注的具体问题。
 
@@ -78,10 +76,11 @@ RICH 正是我们提出的适用于当下 AGI 人机交互界面设计时代的
 
 我们认为，在 AI 设计过程中，关注到这四个要素，将有助于我们事半功倍的创造出卓越的 AI 产品体验。
 
-<h1 id="CS12c">二、WHY? 为什么是 RICH 设计范式？</h1>
+## 二、WHY? 为什么是 RICH 设计范式？
+
 在应用之前，我们想先跟大家分享下 RICH 是如何推导出来的？为什么是 RICH 而不是其它？
 
-在人机交互变迁史上，机器和交互方式的迭代总是依托于变革性技术的成熟化应用。变化的是技术和交互方式，但不变的永远是人机交互的本质与人的需求。 从不变思变，正是 RICH 推导出来的关键一步。
+在人机交互变迁史上，机器和交互方式的迭代总是依托于变革性技术的成熟化应用。变化的是技术和交互方式，但不变的永远是人机交互的本质与人的需求。从不变思变，正是 RICH 推导出来的关键一步。
 
 人机交互的本质是用户通过执行某种动作或行为输入给机器，机器理解并完成诉求后产出结果给用户，用户评估是否符合要求，如果符合，一个交互单元就完成了闭环。
 
@@ -93,10 +92,10 @@ RICH 正是我们提出的适用于当下 AGI 人机交互界面设计时代的
 
 在图形界面时代，WIMP 范式中的各个要素，主要作用于人机交互的「执行操作」与输出环节的相关节点：
 
-- **icon 图标：**通过图形化隐喻，帮助用户完成操作的执行
-- **menu 菜单：**通过有序的结构组织了各种操作，让用户能更加高效的进行系统性任务
-- **pointing 指点设备：**通过键盘、鼠标指向式设备，让用户可以更清楚的选中目标操作
-- **windows 窗口：**通过固定的空间去承载不同的内容，让用户能够阅读、评估不同的多媒体内容
+- **icon 图标：** 通过图形化隐喻，帮助用户完成操作的执行
+- **menu 菜单：** 通过有序的结构组织了各种操作，让用户能更加高效的进行系统性任务
+- **pointing 指点设备：** 通过键盘、鼠标指向式设备，让用户可以更清楚的选中目标操作
+- **windows 窗口：** 通过固定的空间去承载不同的内容，让用户能够阅读、评估不同的多媒体内容
 
 受限于图形界面交互的特点，实际上在过去的交互过程中，前期的大量工作需要用户自己完成。用户需要先行根据自己的意图，结合工具——即电脑与图形界面，再进行方案的制定和拆解，才能开始让机器开始执行所明确要求的操作。
 
@@ -108,22 +107,22 @@ RICH 正是我们提出的适用于当下 AGI 人机交互界面设计时代的
 
 RICH 范式正是我们尝试定义的 AI 时代应该关注的设计要素集：
 
-- **Intention 意图：**AI 能够听懂并理解用户的意图，协助用户自动完成方案计划和步骤拆解，进而推动执行
-- **Role 角色：**AI 扮演了某种身份角色，来匹配用户的意图，也保障与用户的互动是顺畅、符合预期的
+- **Intention 意图：** AI 能够听懂并理解用户的意图，协助用户自动完成方案计划和步骤拆解，进而推动执行
+- **Role 角色：** AI 扮演了某种身份角色，来匹配用户的意图，也保障与用户的互动是顺畅、符合预期的
 - **Conversation 会话：** 用户的模糊意图通过会话来逐步与 AI 对焦、拆解，用户的指令也结合其中
-- **Hybrid UI 混合界面：**用户的执行动作和机器的结果输出与反馈承载在融合了多种交互方式的界面当中
+- **Hybrid UI 混合界面：** 用户的执行动作和机器的结果输出与反馈承载在融合了多种交互方式的界面当中
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*0ZkdTZND-b8AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
 上述四个要素，组合在一起构成了 IRCH 这四个字母，为了方便记忆和应用，我们调整了下字母的顺序得到了 RICH 这个单词，刚好十分便于记忆，我们暂且将这个设计范式称之为「RICH 设计范式」😄。
 
-<h1 id="SFG1W">三、How？如何应用 RICH AI 设计范式？</h1>
+## 三、How？如何应用 RICH AI 设计范式？
 
 那么该如何应用 RICH 创造卓越的 AI 产品体验呢？在后续的指引文档里，我们将深入浅出，分别针对 RICH 中的四个要素进行介绍和定义，通行提供了开箱即用的设计策略和案例，帮助大家更好的理解和应用 RICH。这套理念和最终的界面资产也集成到 Ant Design X 里，希望能帮助大家轻松创造卓越 AI 产品体验！
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*eWaFS6DiXtYAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="ekpOf">附</h1>
+## 附
 
 最后，感谢广大开源的各类学术论文、书籍和企业界的 AI 设计理论，过去一年多，在它们的肩膀上，我们构建了一套开箱即用的理论与方法。我们知道 RICH 一定还有很多考虑不周的地方，也希望大家多多给我们反馈。
 
diff --git a/docs/spec/provide-intention-expectation.en-US.md b/docs/spec/provide-intention-expectation.en-US.md
index 64d6ffc1..12641506 100644
--- a/docs/spec/provide-intention-expectation.en-US.md
+++ b/docs/spec/provide-intention-expectation.en-US.md
@@ -8,9 +8,10 @@ title: 提供意图预期
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*X2-8QrjSVdEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="background-color:rgb(253, 253, 254);">在用户与 AI 的交互过程中，一个普遍存在的挑战是用户对 AI 所具备的能力缺乏了解，这往往导致用户在提问时感到迷茫，既不清楚如何开启对话，也不确定提问的合理范围。鉴于这一现状，</font>**<font style="background-color:rgb(253, 253, 254);">对用户的意图进行有效引导显得尤为重要，旨在帮助用户明确AI的能力边界，从而建立符合 AI 可实现范围的意图预期。</font>**
+在用户与 AI 的交互过程中，一个普遍存在的挑战是用户对 AI 所具备的能力缺乏了解。这往往导致用户在提问时感到迷茫，既不清楚如何开启对话，也不确定提问的合理范围。鉴于这一现状，**对用户的意图进行有效引导显得尤为重要**，旨在帮助用户明确 AI 的能力边界，从而建立符合 AI 可实现范围的意图预期。
 
-<h1 id="A37eY"><font style="color:#262626;">最佳案例</font></h1>
-<font style="color:rgba(0, 0, 0, 0.85);">当用户首次踏入 AI 产品的世界时，可通过提供 AI 可实现意图预期的方式了解 AI 的强大能力以及具体用法。</font>
+## 最佳案例
+
+当用户首次踏入 AI 产品的世界时，可以通过提供 AI 可实现意图预期的方式，让用户了解 AI 的强大能力以及具体用法。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ko7MS6Ix5EQAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/provide-intention-expectation.zh-CN.md b/docs/spec/provide-intention-expectation.zh-CN.md
index 64d6ffc1..12641506 100644
--- a/docs/spec/provide-intention-expectation.zh-CN.md
+++ b/docs/spec/provide-intention-expectation.zh-CN.md
@@ -8,9 +8,10 @@ title: 提供意图预期
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*X2-8QrjSVdEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="background-color:rgb(253, 253, 254);">在用户与 AI 的交互过程中，一个普遍存在的挑战是用户对 AI 所具备的能力缺乏了解，这往往导致用户在提问时感到迷茫，既不清楚如何开启对话，也不确定提问的合理范围。鉴于这一现状，</font>**<font style="background-color:rgb(253, 253, 254);">对用户的意图进行有效引导显得尤为重要，旨在帮助用户明确AI的能力边界，从而建立符合 AI 可实现范围的意图预期。</font>**
+在用户与 AI 的交互过程中，一个普遍存在的挑战是用户对 AI 所具备的能力缺乏了解。这往往导致用户在提问时感到迷茫，既不清楚如何开启对话，也不确定提问的合理范围。鉴于这一现状，**对用户的意图进行有效引导显得尤为重要**，旨在帮助用户明确 AI 的能力边界，从而建立符合 AI 可实现范围的意图预期。
 
-<h1 id="A37eY"><font style="color:#262626;">最佳案例</font></h1>
-<font style="color:rgba(0, 0, 0, 0.85);">当用户首次踏入 AI 产品的世界时，可通过提供 AI 可实现意图预期的方式了解 AI 的强大能力以及具体用法。</font>
+## 最佳案例
+
+当用户首次踏入 AI 产品的世界时，可以通过提供 AI 可实现意图预期的方式，让用户了解 AI 的强大能力以及具体用法。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ko7MS6Ix5EQAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/role-design.en-US.md b/docs/spec/role-design.en-US.md
index 68efe66b..0eb278dc 100644
--- a/docs/spec/role-design.en-US.md
+++ b/docs/spec/role-design.en-US.md
@@ -8,66 +8,56 @@ title: 介绍
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*rOt6Rq4L6qgAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(0, 0, 0);">角色设计让 AI 扮演了某种身份角色，来匹配用户的意图，进而保障与用户的互动是顺畅、符合预期的。角色设计让 AI 产品里隐形的体验得到优化和定义。</font>
+角色设计让 AI 扮演某种身份角色，匹配用户意图，保障互动顺畅且符合预期。通过角色设计，AI 产品中隐形的体验得到优化和明确定义。
 
-<font style="color:rgb(0, 0, 0);">这一部分，我们将探讨如何为 AI 产品赋予一个清晰的“角色”身份，以更好地提升用户体验。</font>
+这一部分将探讨如何为 AI 产品赋予一个清晰的“角色”身份，以提升用户体验。
 
-<h1 id="kCXEV">WHY 为什么要做角色设计</h1>
+## WHY｜为什么要做角色设计
 
-<font style="color:rgb(0, 0, 0);">在 AI 时代，角色已成为连接物理与数字世界的桥梁，深刻改变着人类的生活方式与社会结构。在这个时代，角色不再局限于文学、影视等传统媒介中的虚构形象，而是进化为集成先进人工智能技术的智能体，活跃于各种人机交互场景中。这些智能角色不仅拥有精心设计的背景故事、性格特点、语言风格等传统角色属性，还具备学习能力、环境感知、情绪识别及响应等高级功能。 </font>
+在 AI 时代，角色是连接物理与数字世界的桥梁，深刻改变了人类的生活方式与社会结构。角色不再局限于文学、影视等传统媒介中的虚构形象，而是进化为集成人工智能技术的智能体，活跃于各种人机交互场景中。
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*KlODQbZ-o3oAAAAAAAAAAAAADgCCAQ/fmt.webp)
+这些智能角色不仅拥有精心设计的背景故事、性格特点和语言风格等传统角色属性，还具备学习能力、环境感知、情绪识别及响应等高级功能。
 
-<font style="color:rgb(0, 0, 0);"></font>
+![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*KlODQbZ-o3oAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(0, 0, 0);">随着技术的不断进步，这些角色还能通过机器学习不断优化自身，实现更深层次的情感交流与智慧共生，促进人与智能系统之间更加自然、和谐的交互模式，开启人机交互新篇章。</font>
+随着技术进步，这些角色能够通过机器学习不断优化自身，实现更深层次的情感交流与智慧共生，促进人与智能系统间更加自然、和谐的交互模式，开启人机交互新篇章。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*VlG-RaRy5rIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="dg2DY">WHAT 什么是角色设计</h1>
-<font style="color:rgb(0, 0, 0);">角色构成要素是塑造一个立体、真实、令人信服的角色所必需的基础。核心需要关注角色的性格内核和外在形象，必要时需要关注角色的专业能力。以下是主要的角色构成要素：</font>
+## WHAT｜什么是角色设计
+
+角色设计的核心要素包括性格内核、专业能力和外在形象。这些要素塑造了一个立体、真实且令人信服的角色：
+
+- **性格内核：** 角色行为、决策与情感反应的根本驱动力，包含核心性格特质、价值观、信仰动机和情感状态。
+- **专业能力：** 角色在特定领域内掌握的知识技能、实践经验及解决问题的专长，支撑其职业表现，实现功能价值。
+- **外在形象：** 外观特征、服饰风格、肢体语言及声音特点等，是角色个性与背景故事的视觉与听觉体现。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*sB8bRIfxIrQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-![](https://cdn.nlark.com/yuque/0/2024/png/338645/1732071434657-5c46fa10-f364-4a9c-9389-7a4a60b27bdf.png)
+#### 性格内核
 
-<h4 id="kH1ez">[<font style="color:#000000;">性格内核</font>](https://yuque.antfin-inc.com/qingmeng.wyy/taqofu/yhy4t4px0xr6trqg)</h4>
-<font style="color:#585A5A;">性格内核是其行为、决策与情感反应的根本驱动力。包含人物核心性格特质、价值观、信仰动机和情感状态。这些特质构成了角色在面对不同情境下的行为模式和反应。</font>
+性格内核是角色行为和情感反应的驱动力，决定了其在不同情境下的反应模式和行为逻辑。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*iSEIRode8CEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h4 id="m1Hrn">[<font style="color:#000000;">专业能力</font>](https://yuque.antfin-inc.com/qingmeng.wyy/taqofu/zazgup8l8653v7w0)</h4>
-<font style="color:#585A5A;">专业能力是指其在特定领域内掌握的知识技能、实践经验与解决问题的专长，这些能力支撑其职业表现，实现角色功能，解决场景中的挑战，展现其价值与不可替代性。</font>
+#### 专业能力
+
+角色的专业能力体现其在特定领域内的价值与不可替代性，是解决场景挑战的关键。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*TUwSRIyQkooAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h4 id="Eo1Fh">[<font style="color:#000000;">外在形象</font>](https://yuque.antfin-inc.com/qingmeng.wyy/taqofu/nmvtgbiz950m4l6i)</h4>
-<font style="color:#585A5A;">外在形象包括外观特征、服饰风格、肢体语言及声音特点等，是其个性与背景故事的视觉与听觉体现，旨在直观地传达角色特质，增进观众或用户的第一印象与情感共鸣。 </font>
+#### 外在形象
 
-<h2 id="SPykx">外在形象</h2>
-外在形象包括外观特征、服饰风格、肢体语言及声音特点等，是其个性与背景故事的视觉与听觉体现，旨在直观传达角色特质，增进观众或用户的第一印象与情感共鸣。 <font style="color:#585A5A;"> </font>
+角色的外在形象通过视觉和听觉直观传达其特质，增强用户的第一印象与情感共鸣。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*LHjERb77lp0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="SJBMT">专业能力</h2>
-专业能力是指其在特定领域内掌握的知识技能、实践经验与解决问题的专长，这些能力支撑其职业表现，实现角色功能，解决场景中的挑战，展现其价值与不可替代性。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*CV9ySpFm6RIAAAAAAAAAAAAADgCCAQ/fmt.webp)
+## HOW｜角色设计应该遵循的原则
 
-<h2 id="s8TL3">[<font style="color:#000000;">性格内核</font>](https://yuque.antfin-inc.com/qingmeng.wyy/taqofu/yhy4t4px0xr6trqg)</h2>
-<font style="color:#000000;">性格内核是其行为、决策与情感反应的根本驱动力。包含人物核心性格特质、价值观、信仰动机和情感状态等。这些特质构成了角色在面对不同情境时的行为模式和反应。</font>
+角色设计的精髓在于**一致性、自然性**与**情感化**：
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*wnHWSIMreOcAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h1 id="xYSn0">HOW 角色设计应该遵循的原则</h1>
-<font style="color:rgb(0, 0, 0);">角色塑造的精髓在于一致性、自然性与情感化。</font>
-
-**<font style="color:rgb(0, 0, 0);">角色一致性：</font>**<font style="color:rgb(0, 0, 0);">塑造角色时需要深入挖掘角色背景、动机与性格特质，赋予其独特性与层次感，确保其行为逻辑自始至终与角色设定相符。</font>
-
-**<font style="color:rgb(0, 0, 0);">角色自然性</font>**<font style="color:rgb(0, 0, 0);">：塑造角色时需与故事情节和其他角色互动紧密，推动情节发展，使角色鲜活立体，融入适宜的历史、社会环境因素，使角色言行自然，提升故事的信服力与共鸣度。</font>
-
-**<font style="color:rgb(0, 0, 0);">角色情感化</font>**<font style="color:rgb(0, 0, 0);">：塑造角色需具备真实人类的情感和动机，使其可信且有温度。角色的情感应有变化，随着故事的发展，他们的情绪应有起伏，这会使角色更加真实。</font>
+- **一致性：** 角色的行为逻辑与背景设定保持一致，赋予角色独特性和层次感。
+- **自然性：** 角色的行为融入适宜的环境与情节中，与其他角色的互动紧密且推动情节发展，提升角色的信服力。
+- **情感化：** 角色应具备真实的情感和动机，随着交互发展展示情绪变化，使其更加可信且有温度。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*fteJT5kCZV8AAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<font style="color:rgb(0, 0, 0);"></font>
diff --git a/docs/spec/role-design.zh-CN.md b/docs/spec/role-design.zh-CN.md
index 68efe66b..0eb278dc 100644
--- a/docs/spec/role-design.zh-CN.md
+++ b/docs/spec/role-design.zh-CN.md
@@ -8,66 +8,56 @@ title: 介绍
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*rOt6Rq4L6qgAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(0, 0, 0);">角色设计让 AI 扮演了某种身份角色，来匹配用户的意图，进而保障与用户的互动是顺畅、符合预期的。角色设计让 AI 产品里隐形的体验得到优化和定义。</font>
+角色设计让 AI 扮演某种身份角色，匹配用户意图，保障互动顺畅且符合预期。通过角色设计，AI 产品中隐形的体验得到优化和明确定义。
 
-<font style="color:rgb(0, 0, 0);">这一部分，我们将探讨如何为 AI 产品赋予一个清晰的“角色”身份，以更好地提升用户体验。</font>
+这一部分将探讨如何为 AI 产品赋予一个清晰的“角色”身份，以提升用户体验。
 
-<h1 id="kCXEV">WHY 为什么要做角色设计</h1>
+## WHY｜为什么要做角色设计
 
-<font style="color:rgb(0, 0, 0);">在 AI 时代，角色已成为连接物理与数字世界的桥梁，深刻改变着人类的生活方式与社会结构。在这个时代，角色不再局限于文学、影视等传统媒介中的虚构形象，而是进化为集成先进人工智能技术的智能体，活跃于各种人机交互场景中。这些智能角色不仅拥有精心设计的背景故事、性格特点、语言风格等传统角色属性，还具备学习能力、环境感知、情绪识别及响应等高级功能。 </font>
+在 AI 时代，角色是连接物理与数字世界的桥梁，深刻改变了人类的生活方式与社会结构。角色不再局限于文学、影视等传统媒介中的虚构形象，而是进化为集成人工智能技术的智能体，活跃于各种人机交互场景中。
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*KlODQbZ-o3oAAAAAAAAAAAAADgCCAQ/fmt.webp)
+这些智能角色不仅拥有精心设计的背景故事、性格特点和语言风格等传统角色属性，还具备学习能力、环境感知、情绪识别及响应等高级功能。
 
-<font style="color:rgb(0, 0, 0);"></font>
+![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*KlODQbZ-o3oAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgb(0, 0, 0);">随着技术的不断进步，这些角色还能通过机器学习不断优化自身，实现更深层次的情感交流与智慧共生，促进人与智能系统之间更加自然、和谐的交互模式，开启人机交互新篇章。</font>
+随着技术进步，这些角色能够通过机器学习不断优化自身，实现更深层次的情感交流与智慧共生，促进人与智能系统间更加自然、和谐的交互模式，开启人机交互新篇章。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*VlG-RaRy5rIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="dg2DY">WHAT 什么是角色设计</h1>
-<font style="color:rgb(0, 0, 0);">角色构成要素是塑造一个立体、真实、令人信服的角色所必需的基础。核心需要关注角色的性格内核和外在形象，必要时需要关注角色的专业能力。以下是主要的角色构成要素：</font>
+## WHAT｜什么是角色设计
+
+角色设计的核心要素包括性格内核、专业能力和外在形象。这些要素塑造了一个立体、真实且令人信服的角色：
+
+- **性格内核：** 角色行为、决策与情感反应的根本驱动力，包含核心性格特质、价值观、信仰动机和情感状态。
+- **专业能力：** 角色在特定领域内掌握的知识技能、实践经验及解决问题的专长，支撑其职业表现，实现功能价值。
+- **外在形象：** 外观特征、服饰风格、肢体语言及声音特点等，是角色个性与背景故事的视觉与听觉体现。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*sB8bRIfxIrQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-![](https://cdn.nlark.com/yuque/0/2024/png/338645/1732071434657-5c46fa10-f364-4a9c-9389-7a4a60b27bdf.png)
+#### 性格内核
 
-<h4 id="kH1ez">[<font style="color:#000000;">性格内核</font>](https://yuque.antfin-inc.com/qingmeng.wyy/taqofu/yhy4t4px0xr6trqg)</h4>
-<font style="color:#585A5A;">性格内核是其行为、决策与情感反应的根本驱动力。包含人物核心性格特质、价值观、信仰动机和情感状态。这些特质构成了角色在面对不同情境下的行为模式和反应。</font>
+性格内核是角色行为和情感反应的驱动力，决定了其在不同情境下的反应模式和行为逻辑。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*iSEIRode8CEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h4 id="m1Hrn">[<font style="color:#000000;">专业能力</font>](https://yuque.antfin-inc.com/qingmeng.wyy/taqofu/zazgup8l8653v7w0)</h4>
-<font style="color:#585A5A;">专业能力是指其在特定领域内掌握的知识技能、实践经验与解决问题的专长，这些能力支撑其职业表现，实现角色功能，解决场景中的挑战，展现其价值与不可替代性。</font>
+#### 专业能力
+
+角色的专业能力体现其在特定领域内的价值与不可替代性，是解决场景挑战的关键。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*TUwSRIyQkooAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h4 id="Eo1Fh">[<font style="color:#000000;">外在形象</font>](https://yuque.antfin-inc.com/qingmeng.wyy/taqofu/nmvtgbiz950m4l6i)</h4>
-<font style="color:#585A5A;">外在形象包括外观特征、服饰风格、肢体语言及声音特点等，是其个性与背景故事的视觉与听觉体现，旨在直观地传达角色特质，增进观众或用户的第一印象与情感共鸣。 </font>
+#### 外在形象
 
-<h2 id="SPykx">外在形象</h2>
-外在形象包括外观特征、服饰风格、肢体语言及声音特点等，是其个性与背景故事的视觉与听觉体现，旨在直观传达角色特质，增进观众或用户的第一印象与情感共鸣。 <font style="color:#585A5A;"> </font>
+角色的外在形象通过视觉和听觉直观传达其特质，增强用户的第一印象与情感共鸣。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*LHjERb77lp0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h2 id="SJBMT">专业能力</h2>
-专业能力是指其在特定领域内掌握的知识技能、实践经验与解决问题的专长，这些能力支撑其职业表现，实现角色功能，解决场景中的挑战，展现其价值与不可替代性。
-
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*CV9ySpFm6RIAAAAAAAAAAAAADgCCAQ/fmt.webp)
+## HOW｜角色设计应该遵循的原则
 
-<h2 id="s8TL3">[<font style="color:#000000;">性格内核</font>](https://yuque.antfin-inc.com/qingmeng.wyy/taqofu/yhy4t4px0xr6trqg)</h2>
-<font style="color:#000000;">性格内核是其行为、决策与情感反应的根本驱动力。包含人物核心性格特质、价值观、信仰动机和情感状态等。这些特质构成了角色在面对不同情境时的行为模式和反应。</font>
+角色设计的精髓在于**一致性、自然性**与**情感化**：
 
-![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*wnHWSIMreOcAAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<h1 id="xYSn0">HOW 角色设计应该遵循的原则</h1>
-<font style="color:rgb(0, 0, 0);">角色塑造的精髓在于一致性、自然性与情感化。</font>
-
-**<font style="color:rgb(0, 0, 0);">角色一致性：</font>**<font style="color:rgb(0, 0, 0);">塑造角色时需要深入挖掘角色背景、动机与性格特质，赋予其独特性与层次感，确保其行为逻辑自始至终与角色设定相符。</font>
-
-**<font style="color:rgb(0, 0, 0);">角色自然性</font>**<font style="color:rgb(0, 0, 0);">：塑造角色时需与故事情节和其他角色互动紧密，推动情节发展，使角色鲜活立体，融入适宜的历史、社会环境因素，使角色言行自然，提升故事的信服力与共鸣度。</font>
-
-**<font style="color:rgb(0, 0, 0);">角色情感化</font>**<font style="color:rgb(0, 0, 0);">：塑造角色需具备真实人类的情感和动机，使其可信且有温度。角色的情感应有变化，随着故事的发展，他们的情绪应有起伏，这会使角色更加真实。</font>
+- **一致性：** 角色的行为逻辑与背景设定保持一致，赋予角色独特性和层次感。
+- **自然性：** 角色的行为融入适宜的环境与情节中，与其他角色的互动紧密且推动情节发展，提升角色的信服力。
+- **情感化：** 角色应具备真实的情感和动机，随着交互发展展示情绪变化，使其更加可信且有温度。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*fteJT5kCZV8AAAAAAAAAAAAADgCCAQ/fmt.webp)
-
-<font style="color:rgb(0, 0, 0);"></font>
diff --git a/docs/spec/smooth-natural.en-US.md b/docs/spec/smooth-natural.en-US.md
index 27a145ef..96a492b5 100644
--- a/docs/spec/smooth-natural.en-US.md
+++ b/docs/spec/smooth-natural.en-US.md
@@ -8,50 +8,61 @@ title: 流畅自然
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*_efXTZnDktkAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="fOdZP">如何定义</h1>
-角色在与用户互动时展现出人类交流的流畅性和真实性。这涉及到语言表达的自然流畅，使用贴近人类日常对话的词汇和语法，避免机械和生硬的表达。同时，角色的行为反应也应自然合理，能够根据用户的输入做出恰当的、符合情境的回应。
+## 如何定义
+
+角色在与用户互动时应展现出人类交流的流畅性和真实性。这包括以下方面：
+
+- **语言表达自然流畅：** 使用贴近人类日常对话的词汇和语法，避免机械和生硬的表达。
+- **行为反应自然合理：** 根据用户输入，做出恰当且符合情境的回应。
 
 :::tips
 
-<h4 id="uQJiT"><font style="color:rgb(6, 6, 7);">语法自然</font></h4>
-<font style="color:#585A5A;">角色在语言使用上遵循正确的语法规则，注意对话视角、人称关系，需表达清晰、准确，避免出现语法错误或结构混乱，使得对话流畅易懂。</font>
+###### 语法自然
 
-:::
+角色在语言使用上需遵循正确的语法规则，注重对话视角与人称关系。表达应清晰、准确，避免语法错误或结构混乱，确保对话流畅易懂。:::
 
 :::tips
 
-<h4 id="dqPk2">**<font style="color:rgb(6, 6, 7);">语气自然</font>**</h4>
-<font style="color:#585A5A;">角色语气应根据对话上下文和用户的情绪状态进行调整，确保其回应像是真实人类之间的交流，既不过于正式也不过于随意。</font>
+###### 语气自然
 
-:::
+角色语气应根据对话上下文和用户情绪状态进行调整。其回应应模仿真实人类间的交流，避免过于正式或随意。:::
 
 :::tips
 
-<h4 id="mQrw4"><font style="color:rgb(6, 6, 7);">逻辑自然</font></h4>
-<font style="color:#585A5A;">角色对话内容应具有逻辑性，能够合理地回应用户的问题或话题，避免出现跳跃性思维或无关紧要的回答，确保对话的连贯性和合理性。</font>
+###### 逻辑自然
+
+角色的对话内容需具备逻辑性，能够合理回应用户问题或话题。避免跳跃性思维或无关紧要的回答，确保对话连贯且合理。:::
+
+## 适用场景
 
-:::
+自然性原则适用于需要频繁且复杂交流的应用场景。以下为典型应用场景：
 
-<h1 id="OonI3">适用场景</h1>
-<font style="color:rgb(6, 6, 7);">自然性原则特别适用于那些需要与人类用户进行频繁且复杂交流的应用场景。以下是一些典型的应用场景：</font>
+- **客户服务与支持：**  
+  在电商、金融、通信等行业中，AI Agent 可通过自然语言处理技术自动回答用户咨询，处理订单和退货请求，提供 7\*24 小时在线服务，提升客户满意度和效率。
+- **智能助手与语音交互：**  
+  集成于智能音箱和手机应用中的 AI Agent，通过语音命令与用户交互，要求理解并处理自然语言指令。
 
-- **<font style="color:rgb(6, 6, 7);">客户服务与支持</font>**<font style="color:rgb(6, 6, 7);">：在电商、金融、通信等行业，AI Agent可以通过自然语言处理技术自动回答用户的咨询，处理订单问题和退货请求，提供7\*24的在线服务，提高客户满意度和效率。</font>
-- **<font style="color:rgb(6, 6, 7);">智能助手与语音交互</font>**<font style="color:rgb(6, 6, 7);">：集成到智能音箱和手机应用中的AI Agent，需要能够通过语音命令进行交互，这要求Agent能够理解和处理自然语言语音指令 </font>
-- **<font style="color:rgb(6, 6, 7);">智能辅导和答疑</font>**<font style="color:rgb(6, 6, 7);">：在教育领域，Agent能够提供24小时在线答疑服务，帮助学生解决学习中遇到的问题，通过自然语言处理技术，理解学生的问题并提供准确的答案 </font><font style="color:rgb(6, 6, 7);">。</font>
-- **<font style="color:rgb(6, 6, 7);">情感分析与支持</font>**<font style="color:rgb(6, 6, 7);">：通过情感分析技术，Agent能够识别学生的情绪状态，并提供相应的支持和鼓励，创造积极的学习环境 。</font>
-- **<font style="color:rgb(6, 6, 7);">模拟社会和元宇宙</font>**<font style="color:rgb(6, 6, 7);">：在模拟社会或元宇宙中，Agent需要以自然的方式与环境中的其他个体进行互动，包括合作、竞争和社交等行为 </font>
+- **智能辅导和答疑：**  
+  在教育领域，AI Agent 提供在线答疑服务，帮助学生解决学习问题。它需理解学生提问并提供准确答案。
 
-<font style="color:rgb(6, 6, 7);"> ……</font>
+- **情感分析与支持：**  
+  通过情感分析技术，AI 角色识别用户情绪状态，提供相应支持和鼓励，营造积极的交互环境。
 
-<font style="color:rgb(6, 6, 7);">在这些场景中，AI 角色的设计和实现需要特别关注其交流的自然性和人性化，以提高用户的接受度和满意度。通过模拟人类的交流方式和行为模式，AI 能够更好地融入人类的工作和生活环境，提供更加自然和直观的交互体验。</font>
+- **模拟社会和元宇宙：**  
+  在虚拟环境中，AI 角色需要以自然方式与其他个体互动，包括合作、竞争和社交行为。
 
-<h1 id="e7wdS">最佳案例</h1>
-<h3 id="zzaY9">1、为角色赋予丰富且富有逻辑的自然语言</h3>
-<font style="color:rgb(6, 6, 7);">为 AI 设定清晰的角色和目标。这包括定义 AI 的性格特点、行为习惯以及它在特定场景中的作用。这些设定将为后续的设计提供基础。根据基础背景设定，可以继续为 AI 角色赋予更具体的技能、情感、语言等设定，让角色的定义更加丰富和立体。</font>
+在上述场景中，关注 AI 角色交流的自然性与人性化设计，可显著提升用户接受度和满意度。通过模拟人类交流方式，AI 角色能更好地融入用户的工作与生活环境，提供自然直观的交互体验。
+
+## 最佳案例
+
+###### 1. 为角色赋予丰富且逻辑清晰的自然语言
+
+为 AI 设定明确的角色和目标，包括性格特点、行为习惯及其在特定场景中的作用。这些设定为角色的自然性提供基础，同时通过定义具体技能、情感和语言，进一步丰富角色，使其更加立体和真实。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*PfxLQ5SAGsQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="omjL5">2、为角色提供更真实的对话参考</h3>
-<font style="color:rgb(6, 6, 7);">我们还可以采用低样本的思路，为 AI 角色提供行为和语言参考，通过对用户视角的分析，依据不同的用户类型、语言环境、使用场景等，建立符合人类真实对话的样本库。</font>
+###### 2. 提供更真实的对话参考
+
+通过低样本方法为 AI 角色建立行为和语言参考库。基于用户视角分析，根据用户类型、语言环境和使用场景等，构建符合人类真实对话的样本库，为角色提供真实的对话参考。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*N8GtRp43ZM0AAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/smooth-natural.zh-CN.md b/docs/spec/smooth-natural.zh-CN.md
index 27a145ef..96a492b5 100644
--- a/docs/spec/smooth-natural.zh-CN.md
+++ b/docs/spec/smooth-natural.zh-CN.md
@@ -8,50 +8,61 @@ title: 流畅自然
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*_efXTZnDktkAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="fOdZP">如何定义</h1>
-角色在与用户互动时展现出人类交流的流畅性和真实性。这涉及到语言表达的自然流畅，使用贴近人类日常对话的词汇和语法，避免机械和生硬的表达。同时，角色的行为反应也应自然合理，能够根据用户的输入做出恰当的、符合情境的回应。
+## 如何定义
+
+角色在与用户互动时应展现出人类交流的流畅性和真实性。这包括以下方面：
+
+- **语言表达自然流畅：** 使用贴近人类日常对话的词汇和语法，避免机械和生硬的表达。
+- **行为反应自然合理：** 根据用户输入，做出恰当且符合情境的回应。
 
 :::tips
 
-<h4 id="uQJiT"><font style="color:rgb(6, 6, 7);">语法自然</font></h4>
-<font style="color:#585A5A;">角色在语言使用上遵循正确的语法规则，注意对话视角、人称关系，需表达清晰、准确，避免出现语法错误或结构混乱，使得对话流畅易懂。</font>
+###### 语法自然
 
-:::
+角色在语言使用上需遵循正确的语法规则，注重对话视角与人称关系。表达应清晰、准确，避免语法错误或结构混乱，确保对话流畅易懂。:::
 
 :::tips
 
-<h4 id="dqPk2">**<font style="color:rgb(6, 6, 7);">语气自然</font>**</h4>
-<font style="color:#585A5A;">角色语气应根据对话上下文和用户的情绪状态进行调整，确保其回应像是真实人类之间的交流，既不过于正式也不过于随意。</font>
+###### 语气自然
 
-:::
+角色语气应根据对话上下文和用户情绪状态进行调整。其回应应模仿真实人类间的交流，避免过于正式或随意。:::
 
 :::tips
 
-<h4 id="mQrw4"><font style="color:rgb(6, 6, 7);">逻辑自然</font></h4>
-<font style="color:#585A5A;">角色对话内容应具有逻辑性，能够合理地回应用户的问题或话题，避免出现跳跃性思维或无关紧要的回答，确保对话的连贯性和合理性。</font>
+###### 逻辑自然
+
+角色的对话内容需具备逻辑性，能够合理回应用户问题或话题。避免跳跃性思维或无关紧要的回答，确保对话连贯且合理。:::
+
+## 适用场景
 
-:::
+自然性原则适用于需要频繁且复杂交流的应用场景。以下为典型应用场景：
 
-<h1 id="OonI3">适用场景</h1>
-<font style="color:rgb(6, 6, 7);">自然性原则特别适用于那些需要与人类用户进行频繁且复杂交流的应用场景。以下是一些典型的应用场景：</font>
+- **客户服务与支持：**  
+  在电商、金融、通信等行业中，AI Agent 可通过自然语言处理技术自动回答用户咨询，处理订单和退货请求，提供 7\*24 小时在线服务，提升客户满意度和效率。
+- **智能助手与语音交互：**  
+  集成于智能音箱和手机应用中的 AI Agent，通过语音命令与用户交互，要求理解并处理自然语言指令。
 
-- **<font style="color:rgb(6, 6, 7);">客户服务与支持</font>**<font style="color:rgb(6, 6, 7);">：在电商、金融、通信等行业，AI Agent可以通过自然语言处理技术自动回答用户的咨询，处理订单问题和退货请求，提供7\*24的在线服务，提高客户满意度和效率。</font>
-- **<font style="color:rgb(6, 6, 7);">智能助手与语音交互</font>**<font style="color:rgb(6, 6, 7);">：集成到智能音箱和手机应用中的AI Agent，需要能够通过语音命令进行交互，这要求Agent能够理解和处理自然语言语音指令 </font>
-- **<font style="color:rgb(6, 6, 7);">智能辅导和答疑</font>**<font style="color:rgb(6, 6, 7);">：在教育领域，Agent能够提供24小时在线答疑服务，帮助学生解决学习中遇到的问题，通过自然语言处理技术，理解学生的问题并提供准确的答案 </font><font style="color:rgb(6, 6, 7);">。</font>
-- **<font style="color:rgb(6, 6, 7);">情感分析与支持</font>**<font style="color:rgb(6, 6, 7);">：通过情感分析技术，Agent能够识别学生的情绪状态，并提供相应的支持和鼓励，创造积极的学习环境 。</font>
-- **<font style="color:rgb(6, 6, 7);">模拟社会和元宇宙</font>**<font style="color:rgb(6, 6, 7);">：在模拟社会或元宇宙中，Agent需要以自然的方式与环境中的其他个体进行互动，包括合作、竞争和社交等行为 </font>
+- **智能辅导和答疑：**  
+  在教育领域，AI Agent 提供在线答疑服务，帮助学生解决学习问题。它需理解学生提问并提供准确答案。
 
-<font style="color:rgb(6, 6, 7);"> ……</font>
+- **情感分析与支持：**  
+  通过情感分析技术，AI 角色识别用户情绪状态，提供相应支持和鼓励，营造积极的交互环境。
 
-<font style="color:rgb(6, 6, 7);">在这些场景中，AI 角色的设计和实现需要特别关注其交流的自然性和人性化，以提高用户的接受度和满意度。通过模拟人类的交流方式和行为模式，AI 能够更好地融入人类的工作和生活环境，提供更加自然和直观的交互体验。</font>
+- **模拟社会和元宇宙：**  
+  在虚拟环境中，AI 角色需要以自然方式与其他个体互动，包括合作、竞争和社交行为。
 
-<h1 id="e7wdS">最佳案例</h1>
-<h3 id="zzaY9">1、为角色赋予丰富且富有逻辑的自然语言</h3>
-<font style="color:rgb(6, 6, 7);">为 AI 设定清晰的角色和目标。这包括定义 AI 的性格特点、行为习惯以及它在特定场景中的作用。这些设定将为后续的设计提供基础。根据基础背景设定，可以继续为 AI 角色赋予更具体的技能、情感、语言等设定，让角色的定义更加丰富和立体。</font>
+在上述场景中，关注 AI 角色交流的自然性与人性化设计，可显著提升用户接受度和满意度。通过模拟人类交流方式，AI 角色能更好地融入用户的工作与生活环境，提供自然直观的交互体验。
+
+## 最佳案例
+
+###### 1. 为角色赋予丰富且逻辑清晰的自然语言
+
+为 AI 设定明确的角色和目标，包括性格特点、行为习惯及其在特定场景中的作用。这些设定为角色的自然性提供基础，同时通过定义具体技能、情感和语言，进一步丰富角色，使其更加立体和真实。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*PfxLQ5SAGsQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="omjL5">2、为角色提供更真实的对话参考</h3>
-<font style="color:rgb(6, 6, 7);">我们还可以采用低样本的思路，为 AI 角色提供行为和语言参考，通过对用户视角的分析，依据不同的用户类型、语言环境、使用场景等，建立符合人类真实对话的样本库。</font>
+###### 2. 提供更真实的对话参考
+
+通过低样本方法为 AI 角色建立行为和语言参考库。基于用户视角分析，根据用户类型、语言环境和使用场景等，构建符合人类真实对话的样本库，为角色提供真实的对话参考。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*N8GtRp43ZM0AAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/start.en-US.md b/docs/spec/start.en-US.md
index 3d876993..0df6e52e 100644
--- a/docs/spec/start.en-US.md
+++ b/docs/spec/start.en-US.md
@@ -8,17 +8,27 @@ title: 开始
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*izkdSJ122uoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="GOGQf">WHAT 概述</h1>
-当用户第一次与 AI 交流时，AI 应该用热情的问候开始，并迅速展示其能力，以留下积极的第一印象。目标是让用户迅速感到自信，觉得自己能够掌控对话，同时帮助他们了解 AI 能为他们做些什么，而不是给他们一种正在接受教程的感觉。首要任务是迅速设定正确的期望，引导用户发现 AI 的功能，并将对话的主动权交还给用户。
+## WHAT｜概述
 
-<h1 id="l8yjH">HOW 如何操作</h1>
-在进行初次交流时，有三个核心目标需要通过问候语来实现：
+当用户第一次与 AI 交流时，AI 应以热情的问候作为开始，同时迅速展示其能力，以留下积极的第一印象。目标是让用户感到自信，觉得能够掌控对话，同时帮助他们了解 AI 的功能，而不是让用户觉得自己正在接受教程。
 
-1. **热情迎接用户：**通过一个友好的问候来表达对用户的欢迎，这有助于建立积极的初步联系。例如：使用“你好”“欢迎”等方式亲切、简单地和用户打招呼。
-2. **明确设定预期：**清晰地传达 AI 的功能和能力，以便用户对 AI 的用途有一个准确的预期，可以举2-3个高频的功能，但不要平铺细节。
-3. **赋予用户控制权：**确保用户感到他们主导着对话，通过提供选项或直接询问用户的需求，让用户感到他们对交流过程有控制权。
+首要任务是设定正确的期望，引导用户发现 AI 的功能，并将对话的主动权交还给用户。
+
+## HOW｜如何操作
+
+在初次交流时，问候语需要实现以下三个核心目标：
+
+1. **热情迎接用户：**  
+   用一个友好的问候表达欢迎，建立积极的初步联系。例如，通过“你好”“欢迎”等亲切、简单的方式与用户打招呼。
+
+2. **明确设定预期：**  
+   清晰传达 AI 的功能和能力，使用户对 AI 的用途有准确的预期。可以简单列举 2-3 个高频功能，但避免详述细节。
+
+3. **赋予用户控制权：**  
+   确保用户感到他们主导着对话。通过提供选项或直接询问用户需求，让用户感受到对交流过程的掌控感。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*MOx0TraEUzoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h4 id="veC1O">组件构成</h4>
+#### 组件构成
+
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*M4NUQJ-PwkAAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/start.zh-CN.md b/docs/spec/start.zh-CN.md
index 3d876993..0df6e52e 100644
--- a/docs/spec/start.zh-CN.md
+++ b/docs/spec/start.zh-CN.md
@@ -8,17 +8,27 @@ title: 开始
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*izkdSJ122uoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="GOGQf">WHAT 概述</h1>
-当用户第一次与 AI 交流时，AI 应该用热情的问候开始，并迅速展示其能力，以留下积极的第一印象。目标是让用户迅速感到自信，觉得自己能够掌控对话，同时帮助他们了解 AI 能为他们做些什么，而不是给他们一种正在接受教程的感觉。首要任务是迅速设定正确的期望，引导用户发现 AI 的功能，并将对话的主动权交还给用户。
+## WHAT｜概述
 
-<h1 id="l8yjH">HOW 如何操作</h1>
-在进行初次交流时，有三个核心目标需要通过问候语来实现：
+当用户第一次与 AI 交流时，AI 应以热情的问候作为开始，同时迅速展示其能力，以留下积极的第一印象。目标是让用户感到自信，觉得能够掌控对话，同时帮助他们了解 AI 的功能，而不是让用户觉得自己正在接受教程。
 
-1. **热情迎接用户：**通过一个友好的问候来表达对用户的欢迎，这有助于建立积极的初步联系。例如：使用“你好”“欢迎”等方式亲切、简单地和用户打招呼。
-2. **明确设定预期：**清晰地传达 AI 的功能和能力，以便用户对 AI 的用途有一个准确的预期，可以举2-3个高频的功能，但不要平铺细节。
-3. **赋予用户控制权：**确保用户感到他们主导着对话，通过提供选项或直接询问用户的需求，让用户感到他们对交流过程有控制权。
+首要任务是设定正确的期望，引导用户发现 AI 的功能，并将对话的主动权交还给用户。
+
+## HOW｜如何操作
+
+在初次交流时，问候语需要实现以下三个核心目标：
+
+1. **热情迎接用户：**  
+   用一个友好的问候表达欢迎，建立积极的初步联系。例如，通过“你好”“欢迎”等亲切、简单的方式与用户打招呼。
+
+2. **明确设定预期：**  
+   清晰传达 AI 的功能和能力，使用户对 AI 的用途有准确的预期。可以简单列举 2-3 个高频功能，但避免详述细节。
+
+3. **赋予用户控制权：**  
+   确保用户感到他们主导着对话。通过提供选项或直接询问用户需求，让用户感受到对交流过程的掌控感。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*MOx0TraEUzoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h4 id="veC1O">组件构成</h4>
+#### 组件构成
+
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*M4NUQJ-PwkAAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/wake-up-ai-icon.en-US.md b/docs/spec/wake-up-ai-icon.en-US.md
index 81247e5d..ba6d3a1c 100644
--- a/docs/spec/wake-up-ai-icon.en-US.md
+++ b/docs/spec/wake-up-ai-icon.en-US.md
@@ -8,86 +8,80 @@ title: 唤醒｜AI 标识
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*qCaWR6G8J4oAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgba(0, 0, 0, 0.85);">人工智能需要一些具有代表性的视觉符号，以便与人类头像或其他图标区分开来。</font>
+人工智能需要一些具有代表性的视觉符号，以便与人类头像或其他图标区分开来。
 
-<font style="color:rgb(26, 27, 31);"></font>
+## 设计目标
 
-<h1 id="n37n3"><font style="color:rgba(0, 0, 0, 0.88);">设计目标</font></h1>
+产品界面中的 AI 图像标识需具备以下特点：
 
-<font style="color:rgb(28, 31, 35);">产品界面中使用代表 AI 的图像标识，可吸引用户关注并开启新探索。人工智能视觉符号应具高辨识度，</font><font style="color:rgba(0, 0, 0, 0.85);">能在众多的图像中迅速吸引用户目光，让用户一眼能识别出代表人工智能。同时</font><font style="color:rgb(28, 31, 35);">具备简洁性和通用性，易被不同用户理解接受，考虑与不同平台和界面协调性，</font><font style="color:rgba(0, 0, 0, 0.85);">能够自然地融入各种数字环境中，</font><font style="color:rgb(28, 31, 35);">为用户提供一致流畅视觉体验。</font>
-
-<font style="color:rgb(28, 31, 35);"></font>
-
-<font style="color:rgb(28, 31, 35);"></font>
+- **高辨识度：** 能迅速吸引用户目光，让用户一眼识别出代表人工智能的标识。
+- **简洁性与通用性：** 符号设计应易于不同用户理解和接受，同时与不同平台和界面协调。
+- **流畅视觉体验：** 能自然融入各种数字环境，为用户提供一致的视觉感受。
 
 ---
 
-<h1 id="gJz1l">AI 标识方案<font style="color:#8A8F8D;"></font></h1>
-<font style="color:rgb(26, 27, 31);">一致的图像设计可以提高用户和消费者的可预测性和信任度。随着 AI 使用案例不断发展，我们会看到图标使用也随之发展。</font><font style="color:rgba(0, 0, 0, 0.8);">四芒星闪光点极为常见，通常代表着有 AI 的功能，也用于区分由 AI 生成或借助 AI 生成的信息。</font>
+## AI 标识方案
+
+一致的图像设计可提高用户对 AI 的可预测性和信任度。随着 AI 应用场景的发展，标识的设计和使用也在演变。目前，**四芒星闪光点**是常见符号，代表 AI 功能，或用于区分 AI 生成的信息。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*2gfURKz5UPoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="xVEsr">💻网页端场景示意</h1>
-我们以本次新增的 AI 图像标识为例，进行几款常见的场景示意。
+---
+
+## 💻 网页端场景示意
 
-<h3 id="xd2IE">📌 固定在浏览器拓展栏</h3>
-<font style="color:#585A5A;"></font>
+### 📌 固定在浏览器拓展栏
 
-<font style="color:#585A5A;">众多 AI 助手入口搭载于各类浏览器之上，常被固定在浏览器拓展栏，这些 AI 助手凭借着其便捷、明显的入口位置，不断吸引着用户主动去打开并加以使用，为生活和工作带来极大便利。</font>
+AI 助手的入口常搭载于浏览器拓展栏，以便捷、明显的入口吸引用户主动使用，为工作和生活带来便利。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*xUwtTb1jvA4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="KH1WT">🍃 悬浮在页面侧边</h3>
-<font style="color:#585A5A;"></font>
+### 🍃 悬浮在页面侧边
 
-<font style="color:#585A5A;">AI 助手会以悬浮方式出现在页面侧边，它们以便捷的位置和独特形态的设计引人注目，能够在用户工作时随时待命，为用户提供高效的协助，成为用户工作中的得力伙伴。</font>
+AI 助手可悬浮在页面侧边，随时待命，为用户提供高效协助，是工作中的得力伙伴。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*UqW4QrzMeWoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="rUbbE"><font style="color:#000a14;">😋</font><font style="color:#000a14;"> 可跟随场景出现入口</font></h3>
-<font style="color:#585A5A;"></font>
+### 😋 跟随场景出现入口
 
-<font style="color:#585A5A;">还有 AI 助手并非固定存在，而会伴随着特定的任务场景适时地出现入口。当用户处于特定的工作情境或进行特定任务时，AI 助手便会以恰到好处的方式展现其入口，及时助力用户高效地完成各种任务。</font>
+某些 AI 助手会根据特定任务场景适时出现入口，帮助用户高效完成任务。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*GBHEQpizsHIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="HMnHy"><font style="color:#000a14;">👋</font><font style="color:#000a14;"> 可触发智能工具栏 (Quick Bar)</font></h3>
-<font style="color:#585A5A;"></font>
+### 👋 可触发智能工具栏 (Quick Bar)
 
-<font style="color:#585A5A;">此外，还有一些 AI 助手在编辑过程中，能够触发智能工具栏（Quick Bar）。当用户沉浸于编辑任务时，在恰当时机激活 AI 智能工具栏，为用户提供便捷高效的辅助工具，使得工作过程更加流畅精准。</font>
+编辑场景下，AI 助手可触发智能工具栏，为用户提供便捷的辅助工具，提升工作效率。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*WTtjQJzj2-QAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="sEhml">📱手机端应用场景</h1>
+---
+
+## 📱 手机端应用场景
+
+### 🤖 AI 原生应用
 
-<h3 id="U4kJF"><font style="color:#000a14;">🤖</font><font style="color:#000a14;">️ AI 原生应用</font></h3>
+AI 应用原生的标识设计，可以提升用户的功能认知和交互效率。
 
-<h3 id="D5Jg1"><font style="color:#000a14;">📌</font><font style="color:#000a14;"> 固定在产品底部导航栏</font></h3>
-<font style="color:#585A5A;"></font>
+### 📌 固定在产品底部导航栏
 
-<font style="color:#585A5A;">移动端 AI 入口常会被固定在产品的底部导航栏处，底部导航栏上的 AI 入口 相对是稳定的模块，无论何时何地，只要用户需要进行AI互动，都能迅速通过这个固定的入口与强大的人工智能进行交互。</font>
+移动端 AI 入口常固定在产品的底部导航栏，确保用户随时能快速进入 AI 功能模块。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*8pXySLYwzbMAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="LFies">  
-<font style="color:#000a14;">🍃</font><font style="color:#000a14;"> 悬浮在产品侧边</font></h3>
-<font style="color:#000a14;"></font>
+### 🍃 悬浮在产品侧边
 
-<font style="color:#585A5A;">在移动端还有一些 AI 入口会以悬浮形式出现在产品的侧边，既不占用过多的屏幕空间，又能在用户需要的时候及时出现，为用户提供便捷的 AI 服务。例如在地图类产品中，当用户有需求时可以将其唤醒。</font>
+移动端中的 AI 入口以悬浮形式出现在侧边，不占用过多空间，又能及时提供服务。例如在地图类产品中，用户可随时唤醒 AI。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*k09gQIBak5cAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="dGhpO">  
-<font style="color:#000a14;">😋</font><font style="color:#000a14;"> 可跟随场景出现入口</font></h3>
-<font style="color:#585A5A;"></font>
+### 😋 跟随场景出现入口
 
-<font style="color:#585A5A;">在移动端某些场景中，会随着用户任务场景出现一些贴心的 AI 智能操作入口，为用户提供便捷高效的人工智能辅助。它紧密贴合用户的实际需求，在用户最需要的时刻伸出援手，助力用户顺利完成各种任务。</font>
+在特定任务场景中，AI 入口贴心适时地出现，助力用户完成任务。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*0zDSSrXdP-IAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="DiIYL"><font style="color:#000a14;">👋</font><font style="color:#000a14;">可触发智能工具栏 (Quick Bar)</font></h3>
-<font style="color:#585A5A;"></font>
+### 👋 可触发智能工具栏 (Quick Bar)
 
-<font style="color:#585A5A;">同样地，在移动端一些编辑场景下，会触发智能工具栏（Quick Bar）。当用户沉浸于移动端的编辑任务时，它以其便捷高效的特性，为用户的编辑工作增添一份智能与高效。</font>
+移动端编辑场景中，AI 助手可触发 Quick Bar，为编辑任务提供智能化支持。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*KAtAQ7-XntIAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/wake-up-ai-icon.zh-CN.md b/docs/spec/wake-up-ai-icon.zh-CN.md
index 81247e5d..ba6d3a1c 100644
--- a/docs/spec/wake-up-ai-icon.zh-CN.md
+++ b/docs/spec/wake-up-ai-icon.zh-CN.md
@@ -8,86 +8,80 @@ title: 唤醒｜AI 标识
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*qCaWR6G8J4oAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgba(0, 0, 0, 0.85);">人工智能需要一些具有代表性的视觉符号，以便与人类头像或其他图标区分开来。</font>
+人工智能需要一些具有代表性的视觉符号，以便与人类头像或其他图标区分开来。
 
-<font style="color:rgb(26, 27, 31);"></font>
+## 设计目标
 
-<h1 id="n37n3"><font style="color:rgba(0, 0, 0, 0.88);">设计目标</font></h1>
+产品界面中的 AI 图像标识需具备以下特点：
 
-<font style="color:rgb(28, 31, 35);">产品界面中使用代表 AI 的图像标识，可吸引用户关注并开启新探索。人工智能视觉符号应具高辨识度，</font><font style="color:rgba(0, 0, 0, 0.85);">能在众多的图像中迅速吸引用户目光，让用户一眼能识别出代表人工智能。同时</font><font style="color:rgb(28, 31, 35);">具备简洁性和通用性，易被不同用户理解接受，考虑与不同平台和界面协调性，</font><font style="color:rgba(0, 0, 0, 0.85);">能够自然地融入各种数字环境中，</font><font style="color:rgb(28, 31, 35);">为用户提供一致流畅视觉体验。</font>
-
-<font style="color:rgb(28, 31, 35);"></font>
-
-<font style="color:rgb(28, 31, 35);"></font>
+- **高辨识度：** 能迅速吸引用户目光，让用户一眼识别出代表人工智能的标识。
+- **简洁性与通用性：** 符号设计应易于不同用户理解和接受，同时与不同平台和界面协调。
+- **流畅视觉体验：** 能自然融入各种数字环境，为用户提供一致的视觉感受。
 
 ---
 
-<h1 id="gJz1l">AI 标识方案<font style="color:#8A8F8D;"></font></h1>
-<font style="color:rgb(26, 27, 31);">一致的图像设计可以提高用户和消费者的可预测性和信任度。随着 AI 使用案例不断发展，我们会看到图标使用也随之发展。</font><font style="color:rgba(0, 0, 0, 0.8);">四芒星闪光点极为常见，通常代表着有 AI 的功能，也用于区分由 AI 生成或借助 AI 生成的信息。</font>
+## AI 标识方案
+
+一致的图像设计可提高用户对 AI 的可预测性和信任度。随着 AI 应用场景的发展，标识的设计和使用也在演变。目前，**四芒星闪光点**是常见符号，代表 AI 功能，或用于区分 AI 生成的信息。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*2gfURKz5UPoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="xVEsr">💻网页端场景示意</h1>
-我们以本次新增的 AI 图像标识为例，进行几款常见的场景示意。
+---
+
+## 💻 网页端场景示意
 
-<h3 id="xd2IE">📌 固定在浏览器拓展栏</h3>
-<font style="color:#585A5A;"></font>
+### 📌 固定在浏览器拓展栏
 
-<font style="color:#585A5A;">众多 AI 助手入口搭载于各类浏览器之上，常被固定在浏览器拓展栏，这些 AI 助手凭借着其便捷、明显的入口位置，不断吸引着用户主动去打开并加以使用，为生活和工作带来极大便利。</font>
+AI 助手的入口常搭载于浏览器拓展栏，以便捷、明显的入口吸引用户主动使用，为工作和生活带来便利。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*xUwtTb1jvA4AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="KH1WT">🍃 悬浮在页面侧边</h3>
-<font style="color:#585A5A;"></font>
+### 🍃 悬浮在页面侧边
 
-<font style="color:#585A5A;">AI 助手会以悬浮方式出现在页面侧边，它们以便捷的位置和独特形态的设计引人注目，能够在用户工作时随时待命，为用户提供高效的协助，成为用户工作中的得力伙伴。</font>
+AI 助手可悬浮在页面侧边，随时待命，为用户提供高效协助，是工作中的得力伙伴。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*UqW4QrzMeWoAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="rUbbE"><font style="color:#000a14;">😋</font><font style="color:#000a14;"> 可跟随场景出现入口</font></h3>
-<font style="color:#585A5A;"></font>
+### 😋 跟随场景出现入口
 
-<font style="color:#585A5A;">还有 AI 助手并非固定存在，而会伴随着特定的任务场景适时地出现入口。当用户处于特定的工作情境或进行特定任务时，AI 助手便会以恰到好处的方式展现其入口，及时助力用户高效地完成各种任务。</font>
+某些 AI 助手会根据特定任务场景适时出现入口，帮助用户高效完成任务。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*GBHEQpizsHIAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="HMnHy"><font style="color:#000a14;">👋</font><font style="color:#000a14;"> 可触发智能工具栏 (Quick Bar)</font></h3>
-<font style="color:#585A5A;"></font>
+### 👋 可触发智能工具栏 (Quick Bar)
 
-<font style="color:#585A5A;">此外，还有一些 AI 助手在编辑过程中，能够触发智能工具栏（Quick Bar）。当用户沉浸于编辑任务时，在恰当时机激活 AI 智能工具栏，为用户提供便捷高效的辅助工具，使得工作过程更加流畅精准。</font>
+编辑场景下，AI 助手可触发智能工具栏，为用户提供便捷的辅助工具，提升工作效率。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*WTtjQJzj2-QAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="sEhml">📱手机端应用场景</h1>
+---
+
+## 📱 手机端应用场景
+
+### 🤖 AI 原生应用
 
-<h3 id="U4kJF"><font style="color:#000a14;">🤖</font><font style="color:#000a14;">️ AI 原生应用</font></h3>
+AI 应用原生的标识设计，可以提升用户的功能认知和交互效率。
 
-<h3 id="D5Jg1"><font style="color:#000a14;">📌</font><font style="color:#000a14;"> 固定在产品底部导航栏</font></h3>
-<font style="color:#585A5A;"></font>
+### 📌 固定在产品底部导航栏
 
-<font style="color:#585A5A;">移动端 AI 入口常会被固定在产品的底部导航栏处，底部导航栏上的 AI 入口 相对是稳定的模块，无论何时何地，只要用户需要进行AI互动，都能迅速通过这个固定的入口与强大的人工智能进行交互。</font>
+移动端 AI 入口常固定在产品的底部导航栏，确保用户随时能快速进入 AI 功能模块。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*8pXySLYwzbMAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="LFies">  
-<font style="color:#000a14;">🍃</font><font style="color:#000a14;"> 悬浮在产品侧边</font></h3>
-<font style="color:#000a14;"></font>
+### 🍃 悬浮在产品侧边
 
-<font style="color:#585A5A;">在移动端还有一些 AI 入口会以悬浮形式出现在产品的侧边，既不占用过多的屏幕空间，又能在用户需要的时候及时出现，为用户提供便捷的 AI 服务。例如在地图类产品中，当用户有需求时可以将其唤醒。</font>
+移动端中的 AI 入口以悬浮形式出现在侧边，不占用过多空间，又能及时提供服务。例如在地图类产品中，用户可随时唤醒 AI。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*k09gQIBak5cAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="dGhpO">  
-<font style="color:#000a14;">😋</font><font style="color:#000a14;"> 可跟随场景出现入口</font></h3>
-<font style="color:#585A5A;"></font>
+### 😋 跟随场景出现入口
 
-<font style="color:#585A5A;">在移动端某些场景中，会随着用户任务场景出现一些贴心的 AI 智能操作入口，为用户提供便捷高效的人工智能辅助。它紧密贴合用户的实际需求，在用户最需要的时刻伸出援手，助力用户顺利完成各种任务。</font>
+在特定任务场景中，AI 入口贴心适时地出现，助力用户完成任务。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*0zDSSrXdP-IAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="DiIYL"><font style="color:#000a14;">👋</font><font style="color:#000a14;">可触发智能工具栏 (Quick Bar)</font></h3>
-<font style="color:#585A5A;"></font>
+### 👋 可触发智能工具栏 (Quick Bar)
 
-<font style="color:#585A5A;">同样地，在移动端一些编辑场景下，会触发智能工具栏（Quick Bar）。当用户沉浸于移动端的编辑任务时，它以其便捷高效的特性，为用户的编辑工作增添一份智能与高效。</font>
+移动端编辑场景中，AI 助手可触发 Quick Bar，为编辑任务提供智能化支持。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*KAtAQ7-XntIAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/wake-up-welcome-message.en-US.md b/docs/spec/wake-up-welcome-message.en-US.md
index 09ae3cd8..650a45e9 100644
--- a/docs/spec/wake-up-welcome-message.en-US.md
+++ b/docs/spec/wake-up-welcome-message.en-US.md
@@ -8,72 +8,80 @@ title: 唤醒｜欢迎提示
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*DMkuSr4HMfEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgba(0, 0, 0, 0.85);">当用户首次踏入 AI 产品的世界时，可通过欢迎推荐的方式迅速了解并开启 AI 的强大能力以及具体用法。</font>
+当用户首次接触 AI 产品时，欢迎提示组件可迅速帮助他们了解 AI 的能力和用法，从而降低学习成本，提升初始体验。
 
-<h1 id="SsAqX"><font style="color:rgba(0, 0, 0, 0.88);">设计目标</font></h1>
-欢迎&提示组件适用于【唤醒AI阶段】，<font style="color:rgb(38, 38, 38);">让首次接触 AI产品的用户快速理解AI能做什么，可以清晰传达给用户AI可实现的意图范围和预期功能。使用合适的欢迎推荐组件，可以有效降低用户学习成本，</font><font style="color:rgba(0, 0, 0, 0.85);">让用户能够在短时间内对 AI 的各项能力有一个清晰的认知，并掌握其正确的使用方法，</font><font style="color:rgb(38, 38, 38);">让用户快速了解并顺利开始。</font>
+## 设计目标
 
-<font style="color:rgb(38, 38, 38);"></font>
+欢迎 & 提示组件适用于**唤醒 AI 阶段**，目标是让用户快速理解 AI 能实现的功能范围及意图预期：
 
-<font style="color:rgb(38, 38, 38);"></font>
+- **清晰传达 AI 的功能和能力：** 帮助用户快速认知并掌握 AI 的使用方法。
+- **降低用户学习成本：** 精心设计的提示与推荐内容使用户快速上手。
+- **提供温馨体验：** 用视觉吸引力与直观设计提升用户满意度和忠诚度。
 
 ---
 
-<h1 id="kTSYd">👋欢迎组件</h1>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+## 👋 欢迎组件
 
-<font style="color:#585A5A;">可通过用生动文案和直观介绍让用户迅速了解 AI产品，减少学习成本和困惑；精心视觉呈现吸引用户注意力，以此打造温馨、便捷、充满惊喜的初始体验，提升用户对 AI 产品的满意度和忠诚度。</font>
+通过生动的文案和直观的介绍，欢迎组件帮助用户了解 AI 产品，减少学习困惑。其设计注重吸引注意力，为用户打造便捷、温馨的初始体验。
 
-> <font style="color:#585A5A;">注：资产提供多款样式，一般会搭载推荐组件，适用于不同场景。</font>
+> **注：** 欢迎组件通常搭载推荐组件，可适用于不同场景。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*6n0jSYQyAz0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="Z0imK">👂提示组件</h1>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+---
+
+## 👂 提示组件
+
+提示组件通过用户行为、偏好和历史数据，精准推荐内容与服务：
 
-<font style="color:#585A5A;">根据用户行为、偏好和历史数据，为用户精准推荐个性化内容和服务，提高用户发现有价值内容的效率，增强用户与产品间的互动和粘性。AI 提示组件也会随着用户数据积累和变化，持续优化推荐结果，以满足用户日益变化需求。</font>
+- **个性化推荐：** 提高用户发现有价值内容的效率。
+- **持续优化：** 随着用户数据的积累动态调整推荐，满足用户的变化需求。
 
-> <font style="color:#585A5A;">注：资产提供多款样式，一般会搭载欢迎组件，适用于不同场景。</font>
+> **注：** 提示组件通常与欢迎组件结合使用。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*TGlzSpZj9a0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="I4J8p">组合场景示例</h1>
-<h3 id="FrykX">示意1：</h3>
+---
+
+## 组合场景示例
 
-<font style="color:#585A5A;">欢迎介绍和问题推荐都比较简洁清晰，让用户快速理解。</font>
+### 示意 1：简洁清晰的欢迎介绍与问题推荐
 
-![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*GpyiT7xY6pkAAAAAAAAAAAAADgCCAQ/fmt.webp)
+- **特点：** 简单直接的文案和设计，帮助用户快速理解。
 
+![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*GpyiT7xY6pkAAAAAAAAAAAAADgCCAQ/fmt.webp)  
 ![助手式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Z23ITozF1aQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="J4UYe">示意2：</h3>
-<font style="color:#585A5A;"></font>
+---
 
-<font style="color:#585A5A;">简明清晰的欢迎介绍，推荐提示功能显示主标题和辅助解释，让用户更易理解，文案可自定义。</font>
+### 示意 2：主标题和辅助解释
 
-![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*6e0LQaW4N4EAAAAAAAAAAAAADgCCAQ/fmt.webp)
+- **特点：** 突出推荐功能，辅助文案可自定义。
 
+![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*6e0LQaW4N4EAAAAAAAAAAAAADgCCAQ/fmt.webp)  
 ![助手式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*KVWLR7tsSNsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="QMPip">示意3：</h3>
-<font style="color:#585A5A;"></font>
+---
 
-<font style="color:#585A5A;">将欢迎背景去掉，更突显推荐功能，给予更多描述，让用户对推荐功能深入理解。</font>
+### 示意 3：去除背景，突出推荐功能
 
-![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*b36lTJbK4zUAAAAAAAAAAAAADgCCAQ/fmt.webp)
+- **特点：** 推荐功能细化描述，帮助用户更深入理解。
 
+![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*b36lTJbK4zUAAAAAAAAAAAAADgCCAQ/fmt.webp)  
 ![助手式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ihV2QYtq2UUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="QuxQ1">示意4：</h3>
-<font style="color:#585A5A;"></font>
+---
+
+### 示意 4：加入品牌形象，分组推荐功能
 
-<font style="color:#585A5A;">加入品牌形象会更加生动亲切，推荐功能较多时，可以进行合理分组，信息分层展示，直观清晰。</font>
+- **特点：** 分组信息展示，信息层次清晰。
 
 ![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*jbGiSbAalWMAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="IRcXO">示意5：</h3>
-<font style="color:#585A5A;"></font>
+---
+
+### 示意 5：精心设计的视觉效果与文案
 
-<font style="color:#585A5A;">以精心设计的视觉效果和生动的文案呈现，在用户首次接触 AI 产品时，给予更多引导，更加吸引用户开启使用。</font>
+- **特点：** 通过视觉吸引与引导文案，增强用户兴趣。
 
 ![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*zXz3SKUcYCkAAAAAAAAAAAAADgCCAQ/fmt.webp)
diff --git a/docs/spec/wake-up-welcome-message.zh-CN.md b/docs/spec/wake-up-welcome-message.zh-CN.md
index 09ae3cd8..650a45e9 100644
--- a/docs/spec/wake-up-welcome-message.zh-CN.md
+++ b/docs/spec/wake-up-welcome-message.zh-CN.md
@@ -8,72 +8,80 @@ title: 唤醒｜欢迎提示
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*DMkuSr4HMfEAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<font style="color:rgba(0, 0, 0, 0.85);">当用户首次踏入 AI 产品的世界时，可通过欢迎推荐的方式迅速了解并开启 AI 的强大能力以及具体用法。</font>
+当用户首次接触 AI 产品时，欢迎提示组件可迅速帮助他们了解 AI 的能力和用法，从而降低学习成本，提升初始体验。
 
-<h1 id="SsAqX"><font style="color:rgba(0, 0, 0, 0.88);">设计目标</font></h1>
-欢迎&提示组件适用于【唤醒AI阶段】，<font style="color:rgb(38, 38, 38);">让首次接触 AI产品的用户快速理解AI能做什么，可以清晰传达给用户AI可实现的意图范围和预期功能。使用合适的欢迎推荐组件，可以有效降低用户学习成本，</font><font style="color:rgba(0, 0, 0, 0.85);">让用户能够在短时间内对 AI 的各项能力有一个清晰的认知，并掌握其正确的使用方法，</font><font style="color:rgb(38, 38, 38);">让用户快速了解并顺利开始。</font>
+## 设计目标
 
-<font style="color:rgb(38, 38, 38);"></font>
+欢迎 & 提示组件适用于**唤醒 AI 阶段**，目标是让用户快速理解 AI 能实现的功能范围及意图预期：
 
-<font style="color:rgb(38, 38, 38);"></font>
+- **清晰传达 AI 的功能和能力：** 帮助用户快速认知并掌握 AI 的使用方法。
+- **降低用户学习成本：** 精心设计的提示与推荐内容使用户快速上手。
+- **提供温馨体验：** 用视觉吸引力与直观设计提升用户满意度和忠诚度。
 
 ---
 
-<h1 id="kTSYd">👋欢迎组件</h1>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+## 👋 欢迎组件
 
-<font style="color:#585A5A;">可通过用生动文案和直观介绍让用户迅速了解 AI产品，减少学习成本和困惑；精心视觉呈现吸引用户注意力，以此打造温馨、便捷、充满惊喜的初始体验，提升用户对 AI 产品的满意度和忠诚度。</font>
+通过生动的文案和直观的介绍，欢迎组件帮助用户了解 AI 产品，减少学习困惑。其设计注重吸引注意力，为用户打造便捷、温馨的初始体验。
 
-> <font style="color:#585A5A;">注：资产提供多款样式，一般会搭载推荐组件，适用于不同场景。</font>
+> **注：** 欢迎组件通常搭载推荐组件，可适用于不同场景。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*6n0jSYQyAz0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="Z0imK">👂提示组件</h1>
-<font style="color:rgba(0, 0, 0, 0.88);"></font>
+---
+
+## 👂 提示组件
+
+提示组件通过用户行为、偏好和历史数据，精准推荐内容与服务：
 
-<font style="color:#585A5A;">根据用户行为、偏好和历史数据，为用户精准推荐个性化内容和服务，提高用户发现有价值内容的效率，增强用户与产品间的互动和粘性。AI 提示组件也会随着用户数据积累和变化，持续优化推荐结果，以满足用户日益变化需求。</font>
+- **个性化推荐：** 提高用户发现有价值内容的效率。
+- **持续优化：** 随着用户数据的积累动态调整推荐，满足用户的变化需求。
 
-> <font style="color:#585A5A;">注：资产提供多款样式，一般会搭载欢迎组件，适用于不同场景。</font>
+> **注：** 提示组件通常与欢迎组件结合使用。
 
 ![](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*TGlzSpZj9a0AAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h1 id="I4J8p">组合场景示例</h1>
-<h3 id="FrykX">示意1：</h3>
+---
+
+## 组合场景示例
 
-<font style="color:#585A5A;">欢迎介绍和问题推荐都比较简洁清晰，让用户快速理解。</font>
+### 示意 1：简洁清晰的欢迎介绍与问题推荐
 
-![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*GpyiT7xY6pkAAAAAAAAAAAAADgCCAQ/fmt.webp)
+- **特点：** 简单直接的文案和设计，帮助用户快速理解。
 
+![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*GpyiT7xY6pkAAAAAAAAAAAAADgCCAQ/fmt.webp)  
 ![助手式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*Z23ITozF1aQAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="J4UYe">示意2：</h3>
-<font style="color:#585A5A;"></font>
+---
 
-<font style="color:#585A5A;">简明清晰的欢迎介绍，推荐提示功能显示主标题和辅助解释，让用户更易理解，文案可自定义。</font>
+### 示意 2：主标题和辅助解释
 
-![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*6e0LQaW4N4EAAAAAAAAAAAAADgCCAQ/fmt.webp)
+- **特点：** 突出推荐功能，辅助文案可自定义。
 
+![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*6e0LQaW4N4EAAAAAAAAAAAAADgCCAQ/fmt.webp)  
 ![助手式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*KVWLR7tsSNsAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="QMPip">示意3：</h3>
-<font style="color:#585A5A;"></font>
+---
 
-<font style="color:#585A5A;">将欢迎背景去掉，更突显推荐功能，给予更多描述，让用户对推荐功能深入理解。</font>
+### 示意 3：去除背景，突出推荐功能
 
-![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*b36lTJbK4zUAAAAAAAAAAAAADgCCAQ/fmt.webp)
+- **特点：** 推荐功能细化描述，帮助用户更深入理解。
 
+![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*b36lTJbK4zUAAAAAAAAAAAAADgCCAQ/fmt.webp)  
 ![助手式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ihV2QYtq2UUAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="QuxQ1">示意4：</h3>
-<font style="color:#585A5A;"></font>
+---
+
+### 示意 4：加入品牌形象，分组推荐功能
 
-<font style="color:#585A5A;">加入品牌形象会更加生动亲切，推荐功能较多时，可以进行合理分组，信息分层展示，直观清晰。</font>
+- **特点：** 分组信息展示，信息层次清晰。
 
 ![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*jbGiSbAalWMAAAAAAAAAAAAADgCCAQ/fmt.webp)
 
-<h3 id="IRcXO">示意5：</h3>
-<font style="color:#585A5A;"></font>
+---
+
+### 示意 5：精心设计的视觉效果与文案
 
-<font style="color:#585A5A;">以精心设计的视觉效果和生动的文案呈现，在用户首次接触 AI 产品时，给予更多引导，更加吸引用户开启使用。</font>
+- **特点：** 通过视觉吸引与引导文案，增强用户兴趣。
 
 ![独立式](https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*zXz3SKUcYCkAAAAAAAAAAAAADgCCAQ/fmt.webp)