文档【免费下载链接】awesome-design-mdA collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.项目地址https://gitcode.com/GitHub_Trending/aw/awesome-design-md点击查看免费下载本指南以仓库内 design-md/vercel/DESIGN.md 为绝对主体完整拆解 Vercel 这一前端部署平台的设计语言近白画布上的黑墨双色、仅存在于 Hero 尺度的多段网格渐变、Geist/Geist Mono 双字体声部、堆叠阴影高程系统以及 4px 基准的工程化间距体系。读完后你将掌握这套设计系统的全部色彩令牌、排版层级、组件规格与设计护栏并能把这份文档直接放进项目根目录驱动 AI 编码 Agent 生成视觉一致的高质量 UI。这份文档是什么DESIGN.md 与 AI 设计代理仓库根 README.md 说明了一个关键背景DESIGN.md 是由 Google Stitch 引入的纯文本设计系统文档概念——它就是一个 Markdown 文件没有 Figma 导出、没有 JSON schema、没有特殊工具链。把它放进项目根目录任何 AI 编码代理或 Google Stitch 都能立即理解 UI 应该长什么样。这与AGENTS.md的分工互为补充文件谁读取定义什么AGENTS.md编码代理如何构建项目DESIGN.md设计代理项目外观与感受应当如何design-md/vercel/目录下的这份文档文件头为 YAML 风格的 frontmatter包含colors、typography、rounded、spacing、components五大令牌块主体为 8 个分析章节正是这种格式的完整实践它不仅给出了可复制的令牌值还附带何时使用、何时禁止的设计判断规则——这正是 AI Agent 能据此生成一致 UI 的关键。使用方式极简源自 README.md 的 How to Use 一节将某站点的DESIGN.md复制到项目根目录告诉你的 AI Agent 用它。设计总览开发者平台的克制即专业文档 Overview 开宗明义Vercel 是一个开发者平台品牌页面本质上是部署仪表盘的营销表面为已经懂语法的工程师而写。这种姿态由三个核心决策支撑近乎白色的画布 墨黑文字页面主体用{colors.canvas-soft}98% 白文字用{colors.ink}近黑。品牌维护着完整的 100–1000 级灰色阶让每个分隔线、边框和禁用态都有专属的灰度台阶。唯一的装饰系统是网格渐变在营销尺度上引入颜色的唯一位置是多段网格渐变{colors.gradient-develop-start}→{colors.gradient-preview-end}→{colors.gradient-ship-start}即 cyan/blue/magenta/amber它悬浮在氛围背景中绝不缩小为色块。字体是第二决策声部品牌自有的几何无衬线 Geist 承载所有叙事性文字display 用 600、按钮 500、正文 400配套等宽字体 Geist Mono 承载技术标签。文档给出的Key Characteristics关键特征完整如下单一黑墨主 CTA{colors.primary}承担所有转化目标配白色button-secondary作为次行动作营销 CTA 用 100px 药丸形应用内导航按钮用紧凑的 6px 方形圆角。多段网格渐变cyan-blue-magenta-amber是唯一装饰元素——只出现在 Hero 尺度和 feature-band 氛围背景中它就是品牌本身。每个 section 的眉题eyebrow和小标签都使用等宽字体{typography.caption-mono}或{typography.code}其余全部使用几何无衬线。高程采用微妙的堆叠阴影——三个偏移层叠加 4–12% 黑色透明度绝不用单个厚重投影。完整色阶gray/blue/red/amber/green/teal/purple/pink作为系统令牌存在但营销表面只使用100、1000、700级色调其余留给产品内界面。Active CPU定价节奏pricing-card在定价页三列排布pricing-card-featuredPro 档用{colors.primary}极性反转与白色兄弟卡片形成对比。色彩系统黑墨为主、渐变点缀全部色彩令牌定义于 DESIGN.md 的色彩块可按下表直接落地品牌与强调色令牌色值用途colors.ink/colors.primary#171717唯一主 CTA 色近纯黑墨承担每个 Sign Up 药丸、页脚 CTA 与暗色带极性翻转由--ds-gray-1000解析而来colors.cyan#50e3c2品牌渐变与 Geist 系统 spotlight 令牌中的标志性薄荷青出现在 Hero 渐变 stop 中colors.highlight-pink#ff0080品牌高亮品红preview 渐变对的高饱和 stopcolors.violet#7928ca深紫preview 渐变的起点也用于开发者控制台高亮colors.link#0070f3品牌主链接色也是遗留的--geist-success语义表面色令牌色值用途colors.canvas#ffffff纯白卡片/对话框/模态表面colors.canvas-soft#fafafa默认页面背景98% 白几乎每个 section 都坐在这层colors.canvas-soft-2#f5f5f5略深的嵌层表面代码编辑器内背景、template-card 悬浮态、下拉菜单colors.hairline#ebebeb1px 分隔线表格行、卡片边框、输入框边框colors.hairline-strong#a1a1a1500 级灰浅色带上的稍强分隔线及弱化文字色文本色令牌色值用途colors.ink#171717浅色表面上所有标题与段落colors.body#4d4d4d次级文字副标题、正文 caption、导航链接非激活态、页脚列正文colors.mute#888888最低优先级文字占位符、小字、低调标签colors.on-primary#ffffff所有{colors.primary}表面上的文字语义色Success/Link#0070f3品牌遗留的 success 指示色兼任主链接色行内链接 hover 时显示下划线。Link Deep#0761d1行内链接按下/已访问色调。Link Bg Soft#d3e5ffwhats new 药丸横幅与信息徽章的柔和淡蓝填充。Error#ee0000破坏性操作与表单错误的校验红。Error Soft#f7d4d6/Error Deep#c50000破坏态背景与其按下/深色变体。Warning#f5a623警示/待处理状态指示Warning Soft#ffefcf与Warning Deep#ab570a提供背景与按下变体。品牌渐变Develop / Preview / Ship 三对渐变文档明确定义了构成品牌签名装饰的三对渐变Brand Gradient 一节Develop#007cf0→#00dfd8蓝转青标记 deploy/develop 节奏Preview#7928ca→#ff0080紫转粉用于 preview 表面Ship#ff4d4d→#f9cb28珊瑚转琥珀用于 ship 表面。三对在作为 Hero 氛围背景时坍缩为一个多段网格渐变。文档给出明确约束把渐变当作单一对象——不裁剪成单色、不重排 stop、不小尺寸化只在 Hero 尺度使用。字体系统Geist 与 Geist Mono 的双声部字族选择整个系统由两款定制字体承载Typography 一节定制几何无衬线提取为 Geist承载所有 display、正文、按钮、链接与标签。工作权重只有 400 / 500 / 600从不出现 700 及以上。Display 尺寸使用激进的字距压缩48px Hero 为-2.4px32px 章节为-1.28px正文保持中性或轻微负字距。定制等宽字体提取为 Geist Mono用于终端 mockup、代码块与小号 mono 标签——一切想传递技术感的地方。仅用 400 权重、12–13px、中性字距。另有一款压缩 display 无衬线 Space Grotesk 作为第三字体偶尔用于编辑类时刻但在已捕获的表面中不作为主字体渲染。完整层级表文档的 Hierarchy 表格design-md/vercel/DESIGN.md#L461-L476定义了 14 个排版令牌是实现一致性的核心依据TokenSizeWeightLine HeightLetter Spacing用途display-xl48px60048px-2.4pxHero 标题Build and deploy on the AI Cloud.display-lg32px60040px-1.28px章节标题Your frontend, delivered.display-md24px60032px-0.96px卡片簇标题、定价档名称display-sm20px60028px-0.6px行内 display 微标题body-lg18px40028px0章节标题下的引导段body-md16px40024px0默认正文段body-md-strong16px50024px0加粗行内正文body-sm14px40020px-0.28px次级正文、导航链接、button-md 标签body-sm-strong14px50020px-0.28px导航 CTA 标签、表格行强调caption12px40016px0页脚次级行、徽章标签caption-mono12px40016px0section 眉题、需要技术声部的标签code13px40020px0行内代码、终端 mockup、命令片段button-md14px50020px0小型/导航级按钮标签button-lg16px50024px0营销级药丸按钮标签排版原则负字距本身就是声音的一部分display 尺寸使用-2.4到-0.6px 的激进字距恢复默认字距会破坏品牌。句首大写 句号收尾Build and deploy on the AI Cloud. 这类标题刻意以句号结束——标点也是品牌声音的一部分。Mono 只属于技术层section 眉题、代码块、终端 mockup正文段落绝不用 mono。600 是 display 的天花板几何无衬线绝不使用 700/800这让系统读起来更平静。开源替代方案两款主字体均为品牌定制、非开源。文档给出的替代建议几何无衬线Inter400/500/600是最接近的风格替代启用font-feature-settings: ss01, ss02可获得几何交替字形Satoshi为次选。等宽JetBrains Mono400在 12–13px 下匹配技术声部IBM Plex Mono为第二选择。布局与间距4px 基准的工程化网格间距令牌文档明确基准单位是 4px品牌的--geist-space令牌恰为 4px所有捕获值都是 4 的倍数。完整令牌链design-md/vercel/DESIGN.md#L493xxs4px ·xs8px ·sm12px ·md16px ·lg24px ·xl32px ·2xl40px ·3xl48px ·4xl64px ·5xl96px ·6xl128px ·section192px。使用规则营销带上下内边距用4xl–5xlHero 带可拉伸到section级给网格渐变留出呼吸空间营销卡内部lg–xl模板网格卡因处于更密集网格而收紧到md按钮行/导航行/胶囊行兄弟元素间距用sm–md品牌的--geist-gap恰为 24px。网格与容器最大宽度约1400px--ds-page-width遗留的--geist-page-width为 1200px仍出现在部分营销表面。内容居中桌面水平槽距lg24px移动端md16px。典型列模式三特性行桌面 3-up、移动 1-uptab 药丸行5-up 居中模板网格簇桌面 5-up 缩到移动 1-up定价网格3-up 且中间档极性翻转logo 条约 5 个 logo 单行。留白哲学网格渐变承担大部分装饰性工作留白负责分隔各带。section 间距慷慨4xl–5xl让渐变有空间呼吸卡片内部则是标题/段落堆叠紧凑xs8pxCTA 簇前再拉开更宽间距。页面读起来像工程化的——外大内紧绝不允许反过来。响应式策略文档给出完整的断点表design-md/vercel/DESIGN.md#L514-L520名称宽度关键变化Mobile 600pxHero 堆叠导航收起为汉堡菜单3-up 特性网格降为 1-uptab 药丸行开启横向滚动Tablet600–959px3-up 网格降为 2-up导航仍保持横向Desktop960–1199px完整 3-up 网格定价 3-upWide1200–1399px容器封顶于 1400px 内容宽Ultra-wide≥ 1400px内容保持居中 1400px色带可铺满边缘内容仍受 max-width 约束触控目标button-primary药丸在导航中约 32px 高、营销场景约 48px 高营销 CTA 在各断点均满足 WCAG AAA导航按钮在移动端通过xs级 padding 扩张触控区以满足 44×44px 底线。折叠策略桌面导航为完整链接行 Ask AI / Log In / Sign Up 药丸移动端收起为 logo 汉堡菜单以全屏覆盖层打开Hero 的网格渐变保持居中、标题与正文在所有断点垂直堆叠品牌不用分栏 Hero 模式三特性行按 3→2→1 递减且卡片在所有视口保持md8px 圆角定价网格桌面 3-up、移动垂直堆叠且pricing-card-featured始终居中模板网格 5→3→2→1每张template-card的图片保持 16:9。图片行为网格渐变以内联 SVG 或 canvas 渐变渲染随 Hero 容器流式缩放不裁剪不平铺客户 logo 用单色 SVG、统一 24px 高代码编辑器 mockup 是深色primary矩形内嵌 mono 文字在布局层按图片处理模板缩略图 16:9 横图置于md圆角卡片内、懒加载、占位态统一灰度。高程与阴影堆叠阴影的 6 级系统文档的 Elevation Depth 表design-md/vercel/DESIGN.md#L540-L547定义了从平到模态的六级高程其精髓是堆叠阴影——用多个小偏移叠加模拟自然光绝不用单个 8px 模糊的大投影且始终叠加 1px inset 发丝环保持卡片边缘锐利级别阴影处理用途Level 0 — Flat无阴影、无边框全出血 Hero 带与极性翻转暗区Level 1 — Inset Hairline0 0 0 1px #000000141px inset 边框默认卡片 chrome——品牌通用的可见卡片提示Level 2 — Subtle Drop0px 1px 1px #00000005, 0px 2px 2px #0000000a inset hairline轻微抬升卡片模板网格、marketing-cardLevel 3 — Soft Stack0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a inset hairline中等高程——特性网格卡片Level 4 — Float Stack0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a inset hairline大高程——定价卡、提示面板Level 5 — Modal0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f inset hairline模态/对话框与下拉菜单装饰性深度的三条规则网格渐变是品牌唯一的氛围效果平面 2D 背景而非 3D 插画把表面从canvas-soft切换到primary深墨的极性翻转暗带是带与带之间最主要的深度线索inset 环 多段投影的组合产生卡片坐在页面上的效果且从不显得厚重材质化。圆角系统两套药丸尺度的并存圆角令牌表文档的 Shapes 一节design-md/vercel/DESIGN.md#L560-L570给出了完整半径刻度令牌值用途rounded.none0px全出血 Hero/页脚带rounded.xs4px最紧凑的行内药丸——nav-cta-signup 的 6px 圆角按钮映射到 xs/smrounded.sm6px品牌--geist-radius令牌——应用内按钮、表单输入、下拉菜单的基础 UI 圆角rounded.md8px品牌--geist-marketing-radius令牌——特性卡、模板卡rounded.lg12px稍大的卡片 chrome定价卡变体rounded.xl16px最大卡片 chrome——卡片承载 Hero 图片帽时rounded.pill-sm64pxAI Apps / Web Apps / Ecommerce / Marketing / Platforms 行内的 tab-ghost 药丸rounded.pill100px营销 CTA 药丸——button-primary、button-secondary、Start Deployingrounded.full9999px圆形图标按钮容器、导航链接幽灵药丸注意文档特意强调的双尺度并存营销 CTA 用 100px 药丸导航级按钮用 6px 方角——两个尺度在各自层级有意共存同一屏内不要混用。摄影与图片几何网格渐变全出血 2D 氛围背景绝不裁剪进画框按页面壁纸处理客户 logo单色 SVG、24px 高、flex 行排列代码编辑器 mockup16:10 深色矩形、md圆角模板缩略图16:9 横图置于md圆角 chrome 内展示图2:1 或 16:9 置于lg–xl圆角 chrome 内并配堆叠阴影。组件体系从导航到定价卡的完整令牌集组件全部定义于文档的 components 块与 Components 章节以下为完整规格含 frontmatter 中的引用式值如backgroundColor: {colors.canvas}按钮组件关键规格button-primary黑墨primary底 on-primary白字button-lg标签16px/500padding0px smpill100px 圆角营销 flex 布局下约 48px 高——全站转化主按钮button-secondarycanvas白底 ink字与主按钮同排版同 paddingpill100px——营销带内黑白配对button-primary-smprimary底 白字button-md标签14px/500pill——导航与定价卡 CTA 的小号主按钮button-secondary-smcanvas白底 ink字同排版同形状——小号白按钮tab-ghostcanvas底 ink字body-sm标签padding0px mdpill-sm64px 圆角——居中 tab 行icon-button-circularcanvas底、深色图标、1pxhairline实线边框、full9999px 圆角——圆形图标容器nav-cta-signupprimary底 白字body-sm-strong标签padding0px xs高 28pxsm6px 圆角--geist-radius——导航内黑色 Sign Upnav-cta-logincanvas白底 ink字排版/高度/形状同 signupnav-cta-ask-aicanvas底 ink字1pxhairline实线边框提取为0px solid rgb(235,235,235)其余同 signup——带淡边框的 Ask AI卡片与容器组件关键规格card-marketingcanvas底 ink字paddinglg24pxmd8px 圆角--geist-marketing-radius配 Level 3 soft-stack 阴影——标准营销特性卡card-marketing-largecanvas底paddingxllg12px 圆角配 Level 4 float-stack——compute model / AI Gateway 大卡card-softcanvas-soft底 ink字paddinglgmd圆角——簇群内的柔和卡template-cardcanvas底paddingmd16pxmd8px 圆角顶部承载 16:9 缩略图——部署模板卡code-editor-mockupprimary深墨底 白字code排版13px Geist Monopaddinglgmd圆角——营销带内深色代码预览面pricing-cardcanvas底paddingxl32pxlg12px 圆角内部档名display-md、价格display-xl、特性列表body-md行、底部 CTApricing-card-featuredprimary黑墨底 白字形状与 padding 同定价卡CTA 反转为button-secondary-sm黑卡上白药丸——极性翻转的 Pro 档输入与表单组件关键规格form-inputcanvas底 ink字1pxhairline实线边框body-sm14pxpadding0px sm高 40px--geist-form-heightsm6px 圆角——标准文本输入form-input-sm同 form-input 但高 32px--geist-form-small-height——紧凑表单form-input-lg同 form-input 但高 48px--geist-form-large-height正文用body-md16px——Hero CTA 大输入导航组件关键规格nav-barcanvas底 ink字高 64px--header-heightpaddingsm lg布局左 logo、中链接行、右 Ask AI / Log In / Sign Up 簇——粘性顶栏nav-linkbody灰字body-smpaddingxs smfull9999px 圆角幽灵药丸hover/激活时可见footercanvas底 body字padding4xl lg列眉标签用caption-mono大写 mono 效果链接行用body-sm——底部 4 列导航标志性组件组件关键规格hero-bandcanvas部分表面用canvas-soft底 ink字padding4xl lg内部自上而下为mono 小徽章 →display-xl句首大写句号收尾标题 →body-lg引导段 →button-primarybutton-secondaryCTA 行网格渐变置于背后约占带的上半部feature-mesh-bandcanvas底 ink字padding5xl lg章节标题display-lg、支撑正文body-md——承载网格渐变氛围背景的次级区showcase-band-lightcanvas-soft底 ink字padding5xl lgDeploy your first app in secondsshowcase-band-darkprimary黑墨底 on-primary白字padding5xl lg标题display-lg白字常内嵌与带齐平的code-editor-mockup——极性翻转暗带logo-stripcanvas底 body字paddinglg xl——客户单色 SVG logo 行badge-secondarycanvas-soft底 body字caption排版padding0px xsfull圆角——New/Beta/Live 元数据小药丸banner-marketingcanvas-soft底 body字body-smpaddingxs smfull圆角——页面顶部 Introducing X 公告药丸link-inlinelink蓝字#0070f3body-md带下划线——正文行内链接示例组件ex-* 派生表面文档特别注明这些ex-*条目是自动派生的 kit-mirror 演示表面每个都引用品牌原生基础令牌使下游消费者文档中提及的/preview-design、/generate-kit能一致地重制同样的 10 种表面。它们不是字面的电商组件而是 SaaS/B2B 场景的复用映射ex-pricing-tier默认定价档卡——canvas-soft表面 hairline边框的定价卡 chromebackgroundColor/textColor/borderColor/rounded/padding。ex-pricing-tier-featured主推档——极性翻转表面亮模式下深底浅字ink底 白字 白 CTAbackgroundColor/textColor/rounded/padding。ex-product-selectorWhats Included 汇总卡——为 GPU/inference/Pro 特性档复用backgroundColor/rounded/padding。ex-cart-drawer订阅汇总——按附加项列出行项目非字面购物车item-divider用hairline。ex-app-shell-row侧边栏导航行激活态用品牌primary作为左侧指示条activeIndicator。ex-data-table-cell数据表 th/td chrome——表头用caption-mono大写 mono 眉题、表体用body-sm、行边框hairlineheaderBackground/headerTypography/bodyTypography/cellPadding/rowBorder。ex-auth-form-card登录/注册卡——canvas-soft表面 lg圆角内部嵌form-input原语。ex-modal-card模态对话框表面——同 feature-card chrome 配 Level 5 模态阴影。ex-empty-state-card空状态插画框——canvas-soft上慷慨的3xl内边距caption 用body-md。ex-toastToast 通知表面——平角 feature-card chrome 配 Level 4 阴影body-sm排版。Dos and Donts交给 Agent 的设计护栏文档的收尾章节是一份可直接内联进 Agent 提示词的设计护栏值得逐条保留Do应做将{colors.primary}#171717保留给全站主 CTA——黑墨本身就是转化目标。营销级 CTA 一律用{rounded.pill}100px导航级按钮用{rounded.sm}6px——两个药丸尺度有意共存。每个标题用{typography.display-*}权重 600、句首大写、常以句号收尾激进负字距是声音的一部分。品牌网格渐变只在 Hero 尺度做氛围装饰——绝不缩小成图标、绝不缩减为单色。用堆叠阴影多个小偏移 inset 发丝环而非单个厚重投影——品牌高程比 Material 更平静。页面表面按canvas-soft→canvas→primary极性翻转带循环——暗带就是深度线索。所有代码块与技术眉题用{typography.code}/{typography.caption-mono}——mono 是平台的声部。Dont禁止不要引入第六个强调色——品牌只用 ink 灰 四对渐变调色板新强调色会压平声音。不要让标题全大写——句首大写 负字距不可妥协。不要在卡片上掉单个厚重投影——品牌高程由堆叠小偏移 inset 发丝环构成。不要以图标尺寸或单色缩减形式渲染品牌渐变——它只活在 Hero 尺度。不要把几何无衬线推到 700——品牌 display 天花板是 600。不要在同一屏混用营销 100px 药丸与 6px 导航圆角——选定一个尺度并坚持。不要用 mono 字体排正文段落——mono 只服务代码与技术标签。落地实战把 DESIGN.md 放进你的项目至此你已拥有整套可复制的设计令牌。将它落地的路径非常直接复制 design-md/vercel/DESIGN.md 到你的项目根目录该文件本身即遵循 README.md 中描述的 Stitch DESIGN.md 格式规范含扩展章节。告诉 AI Agent build me a page that looks like this——Agent 会读取文档中的色彩令牌色彩块、排版层级Typography 表与组件规格components 块据此渲染 UI。如要微调参照README.md的贡献流程详见 CONTRIBUTING.md先开 issue 讨论再修正错误色值、缺失令牌或薄弱描述——但注意本仓库是只读的修改仅针对你自己的项目副本。需要特别提醒的实践要点均来自文档的明确约束渐变只用于 Hero#007cf0→#00dfd8、#7928ca→#ff0080、#ff4d4d→#f9cb28三对 stop 坍缩成一个整体对象不要拆分、不要缩小、不要重排。两种字体分工叙事一律 Geist400/500/600技术标签一律 Geist Mono40012–13px若无法取得品牌字体用 Inter JetBrains Mono 并开启ss01/ss02几何替代字形。阴影用堆叠不用单层从 Level 1 的 inset 发丝环到 Level 5 的三段模态阴影全部是小偏移叠加 inset 环这一条是 Vercel 视觉平静感的来源。同一屏只选一种 CTA 尺度100px 营销药丸与 6px 导航按钮各自归位混用即破坏品牌。把这份文档交给 Agent再配上上述护栏你就能在任意项目中稳定地生成Vercel 味的开发者平台 UI——近白画布、黑墨转化按钮、Hero 尺度的网格渐变以及被 Geist 双字体支配的工程化排版。赞分享文档【免费下载链接】awesome-design-mdA collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.项目地址https://gitcode.com/GitHub_Trending/aw/awesome-design-md点击查看免费下载相关推荐Webflow 视觉设计语言全解析以 DESIGN.md 设计令牌系统驱动 AI 生成一致化 UIWebflow 视觉设计语言全解析以 DESIGN.md 设计令牌系统驱动 AI 生成一致化 UI 本指南以仓库中 design md/webflow/DES文档1000站点都能存用VidBee把视频下载到本地的三步指南1000站点都能存用VidBee把视频下载到本地的三步指南 想存下刚看完的教学视频反复回看或者把创作者的最新短片留到离线再看翻遍十几个下载站质量和安全文档Intercom 设计系统解析用 DESIGN.md 令牌驱动 AI Agent 生成一致 UI 的完整指南Intercom 设计系统解析用 DESIGN.md 令牌驱动 AI Agent 生成一致 UI 的完整指南 本指南围绕仓库中 design md/inter文档上一篇Anime.js网页加载动画首屏体验优化实践案例下一篇告别手动测试Aider智能测试用例生成工具让开发效率翻倍创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考