360 Secure SkillHub
360 安全技能中心

presentation-enhancement

面向设计与展示美化任务:先判断 Design/Presentation 模式,查场景库与设计属性,匹配并组合 Design DNA,选择载体 Pattern 并做 DNA Override 参数修正,再输出 Design Brief、Design Recipe、Visual Execution Script、Final Prompt 四段结构及逐页/逐张/逐模块执行方案,覆盖 PPT、网站、海报…

360U3584657901
360U3584657901
热度 29.80
最近更新 2026-06-10 17:21:47
分类:创作依赖:读写文件 / 内部调用大模型应用场景:演示设计 / UI 原型 / 图像生成 / 品牌素材 ...

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add presentation-enhancement
Metadata
name
presentation-enhancement
description
Use this skill when the user wants to turn design needs or existing content into the most suitable presentation form, including scene classification, display-format selection, design-scene library lookup, Design DNA matching, visual strategy, and final prompt or layout guidance for posters, websites, PPTs, dashboards, HTML reports, packaging, product interfaces, and visualized reports.

Presentation Enhancement Skill

Current status: V1.2 three-layer scaffold. The Scene Library answers "做什么"; the Design DNA Library answers "如何设计"; the Design Pattern Library answers "如何落地".

定位

这是一个面向设计与展示美化任务的 Presentation Enhancement Skill。

它不是 Prompt Generator,也不是单纯的视觉风格词库。

它是一个整体 Skill,不是多个 Skill。

内部保留三个协同层:

Design Scene Library:回答做什么
Design DNA Library:回答如何设计
Design Pattern Library:回答如何落地

它的核心任务是:

把用户的设计需求或已有内容,自动转换成最合适的展示形式,并生成专业、好看、可执行的视觉方案。

Prompt 只是最后一步。

核心链路

输入
↓
判断任务模式
↓
识别设计场景
↓
调用 Design Scene Library
↓
并行调用 Design DNA Library 与 Design Pattern Library
↓
DNA × Pattern 合成
↓
DNA Override / Pattern Variant 参数修正
↓
生成视觉策略与视觉执行脚本
↓
生成展示方案 / 页面结构 / Prompt

任务模式

Design Mode

适用于用户明确要求创建某种视觉载体。

典型输入:

  • 做一个官网
  • 做一个海报
  • 做一个 PPT
  • 做一个 HTML 报告
  • 做一个 Dashboard
  • 做一个 App 界面
  • 做一个包装设计
  • 做一个 KV

判断原则:

如果最终交付物是官网、网页、Landing Page、HTML 报告、Dashboard、海报、KV、PPT、包装、App 界面、SaaS 后台、信息图,进入 Design Mode。

Presentation Mode

适用于用户已有内容,需要将内容变得更适合展示。

典型输入:

  • 行业分析
  • 商业报告
  • 研究报告
  • 数据分析
  • 策略方案
  • 产品方案
  • 智能体输出结果

判断原则:

如果最终交付物本质是分析、策略、报告、方案、研究,而视觉只是辅助表达,进入 Presentation Mode。

即使输入中出现“美化、图表化、配图建议、报告、展示”等词,也要先判断主任务。

主任务判断规则

优先判断用户最终想获得什么,而不是依赖关键词。

做一个 HTML 可视化报告,内容是 XXX
→ Design Mode

分析 XXX,最后图表化展示
→ Presentation Mode

场景库调用原则

无论进入 Design Mode 还是 Presentation Mode,最终都必须调用 Design Scene Library。

场景库只回答:

  • 这个场景是什么
  • 为什么存在
  • 解决什么问题
  • 通常长什么样
  • 用户最关注什么
  • 最容易做错什么

场景库不回答:

  • 应该用什么颜色
  • 应该用什么字体
  • 应该是什么风格
  • 应该参考哪个具体品牌
  • 应该生成什么 Prompt

Design DNA Library 原则

不要使用固定品牌映射。

禁止:

AI = Linear
汽车 = Tesla
珠宝 = Dior

DNA 名称只是设计基因容器,不是模仿对象。

Apple 不是 Apple,而是:

产品英雄图
大留白
单焦点布局
超大标题
克制文案
高精修产品摄影

Hermes 不是 Hermes,而是:

高级留白
工艺叙事
材质特写
艺术化排版
高端品牌表达

最终输出的是设计基因组合,不是品牌模仿。

DNA 匹配必须遵循:

Scene Library 输出
↓
设计属性
↓
场景边界
↓
并行选择:
  DNA Library:匹配设计气质、视觉语言和表达方式
  Pattern Library:匹配载体结构、页面角色、信息任务和落地参数
↓
DNA 组合 + Pattern 结构合成
↓
DNA Override / Pattern Variant 参数修正
↓
视觉策略
↓
Prompt

DNA 组合支持三种模式:

  • 单一主导:一个 DNA 覆盖 70%-90% 的方向
  • 主辅组合:一个 DNA 定大方向,其他 DNA 补短板
  • 层级组合:不同 DNA 分别承担战略层、结构层、表现层、细节层

四层设计分工:

  • 战略层:决定整体气质、商业认知和第一眼感受
  • 结构层:决定信息组织、页面节奏、模块关系和信息密度
  • 表现层:决定画面语言、图片、色彩、字体、材质和视觉氛围
  • 细节层:决定微交互、图形细节、动效、精修感和局部记忆点

Design Pattern Library 原则

Pattern Library 不是模板库,不是品牌参考库,也不是成品样式库。

它回答:

这个载体具体怎么落地
文字放哪
图片放哪
图文比例多少
字号范围多少
留白多少
响应式如何变化
如何根据 DNA 修正参数

Pattern 必须采用:

Base Pattern + DNA Override

含义:

  • Base Pattern 提供载体骨架和基础参数。
  • DNA Override 根据主导 DNA 修正图文比例、信息密度、留白、标题长度、图片语言、动效节奏。
  • 一个 Pattern 只能有一个主导 DNA Override,其他 DNA 只能做辅助或细节修正。
  • 输出必须参考参数和结构逻辑,不复刻具体品牌画面。
  • Pattern 参数必须根据项目主题、受众、内容复杂度、图片资产、数据密度和传播场景调整,不能原样套用。
  • 参考权重必须灵活分配,不能固定套用 80/20 或平均分配。

Pattern 分类必须采用:

Pattern分类:
  一级分类_载体:
    - PPT
    - Website / Landing Page
    - Poster / KV
    - HTML Report / Long-form Story
    - Dashboard / Data Visualization

  二级分类_任务类型:
    PPT:
      - 商业汇报 PPT
      - 融资路演 PPT
      - 培训课件 PPT
      - 研究报告 PPT
      - 发布会 PPT
      - 产品介绍 PPT
      - 战略规划 PPT
      - 内部分享 PPT
    Website / Landing Page:
      - 产品官网
      - 品牌官网
      - SaaS / AI产品官网
      - 汽车/硬件发布官网
      - 活动官网
      - 企业官网
      - 发布会落地页
    Poster / KV:
      - 产品海报
      - 品牌KV
      - 活动海报
      - 潮流海报
      - 文化海报
      - 展览海报
      - 系列海报
    HTML Report / Long-form Story:
      - 数据新闻专题
      - 行业研究专题
      - 年度报告
      - 品牌内容专题
      - 交互叙事专题
    Dashboard / Data Visualization:
      - 经营分析 Dashboard
      - 金融/市场 Dashboard
      - 产品运营 Dashboard
      - 数据中心大屏
      - 单图数据可视化

  三级分类_结构原型:
    说明: "具体页面、屏幕、模块或构图 Pattern。"

Pattern 不得按品牌分类。品牌、流派和美学气质进入 DNA;只有当某个参考的构图、层级、比例和信息组织方式可复用时,才抽象为 Pattern。

每个 Core Pattern 必须包含 Variant Pool:

variants:
  - variant_id:
    名称:
    适用条件:
    结构:
    避免:

Variant 的作用是避免通用 Pattern 导致雷同。同一个 Core Pattern 在连续页面、连续屏幕或系列海报中不得机械重复同一个 Variant。

Pattern 参数必须标注来源与可信度:

source_confidence:
  参数来源: "heuristic_manual | reference_derived | output_validated"
  置信等级: "A | B | C"
  验证状态:
  可被真实参考替换: true

含义:

  • heuristic_manual:基于设计经验的启发式参数,只保证可跑,不声称来自真实模板测量。
  • reference_derived:从真实优秀参考拆解得到,必须记录来源和拆解依据。
  • output_validated:经过实际生成和审稿回写,已证明稳定可用。

当前 V0.1 Pattern 多数为 heuristic_manual,后续用户上传 PPT、网页、海报、报告或截图后,应把对应 Pattern 升级为 reference_derived 或 output_validated。

Pattern 库中的 carrier_deep_parameter_rules 是各载体的深度执行参数区。

当输出为 PPT、Website、Poster/KV、HTML Report 或 Dashboard/Data Visualization 时,不能只读取 core_pattern_library 里的简版 Pattern 名称、variants 和 quality_rules,必须继续读取对应载体下的:

carrier_deep_parameter_rules:
  PPT_Presentation:
  Website_Landing_Page:
  Poster_KV:
  HTML_Report_Long_Form:
  Dashboard_Data_Visualization:

并把其中的图文比例、主视觉占比、字号范围、图片/图表位置、响应式或多页延展、交互状态、禁止项和质量检查写入最终策略与 Prompt。

正确:

使用产品官网 Hero Pattern,采用 Apple Override:产品主视觉占 65%-75%,标题 4-10 个字,首屏信息量极低,大留白,单焦点产品表达。

错误:

做成 Apple 官网一样。

Pattern 工作流:

Scene 决定载体和任务
↓
Pattern Scope 锁定:
  一级载体
  二级任务类型
  页面角色
  信息任务
↓
选择 Core Pattern
↓
选择 Pattern Variant
↓
DNA 决定气质和表达方向
↓
DNA Override 修正落地参数
↓
输出视觉策略和 Prompt

Pattern 调用顺序必须固定为:

载体
↓
任务类型
↓
页面角色
↓
信息任务
↓
Core Pattern
↓
Pattern Variant
↓
DNA Override
↓
Quality Check

注意:

  • Pattern 先决定结构,Variant 决定同一结构下的构图差异,DNA 决定气质和表现参数。
  • DNA 不得直接抢 Pattern 的工作;例如 Dior 可以作为高定女性奢华 DNA,但不应被当作 Dior Pattern。
  • Pattern 不按品牌命名,只按可复用的结构原型命名。

Workflow Protocol

该 Skill 必须按以下协议执行,不能只停留在场景识别或 DNA 名称推荐。

1. Scene Result 输出格式

调用 Scene Library 后,必须先整理出标准 scene_result,再交给 Design DNA Library。

scene_result:
  任务模式:
  scene_id:
  场景名称:
  所属一级分类:
  目标用户:
  商业目标:
  核心任务:
  标准结构:
  视觉重点:
  信息重点:
  设计属性:
    品牌人格:
    表达方式:
    信息密度:
    视觉重心:
    决策驱动:
    情绪浓度:
    创意自由度:
  场景边界:
    必须:
    建议:
    禁止:
  适用内容类型:
  输出形式:

Scene Result 只回答“做什么”和“不能偏离什么”,不生成风格结论。

2. DNA 匹配评分规则

DNA 匹配必须基于 scene_result.设计属性 与 DNA 的 匹配属性,并受 scene_result.场景边界 约束。

dna_match_score:
  品牌人格: 20
  表达方式: 20
  视觉重心: 20
  决策驱动: 15
  信息密度: 10
  情绪浓度: 10
  创意自由度: 5

评分原则:

  • 数组字段按交集数量与语义接近度评分。
  • 信息密度 与 情绪浓度 完全一致得满分,相邻一级降权,差距两级以上必须谨慎使用。
  • DNA 的 创意自由度 不得明显高于场景可承受范围;如高于一级,只能作为细节层或辅助层使用。
  • 如果 DNA 明确触犯场景边界的 禁止,直接排除。
  • 如果 DNA 会弱化场景边界的 必须,不得作为主导 DNA。
  • 用户明确偏好某一 DNA 时,可以提高该 DNA 权重,但仍必须通过场景边界校验。

匹配结果必须输出候选解释,而不是只输出名称。

3. DNA 组合输出格式

DNA 匹配后必须生成 dna_combination。

dna_combination:
  组合模式: "单一主导 | 主辅组合 | 层级组合"
  主导DNA:
    名称:
    权重:
    使用原因:
    覆盖范围:
  辅助DNA:
    - 名称:
      权重:
      补充作用:
      使用边界:
  层级分工:
    战略层:
    结构层:
    表现层:
    细节层:
  禁止方向:
  组合解释:

组合模式判断:

  • 单一主导:一个 DNA 可覆盖 70%-90% 的需求,或用户明确表达强偏好。
  • 主辅组合:一个 DNA 负责主方向,其他 DNA 补充结构、表现或可信度。
  • 层级组合:需求本身较复合,不同 DNA 分别承担战略层、结构层、表现层、细节层。

组合限制:

  • 一个方案只能有一个主要战略层来源。
  • 辅助 DNA 只能补短板,不能改变主导 DNA 的整体方向。
  • 细节层 DNA 只能增强精致度或记忆点,不能改变场景类型。

4. Pattern 选择与参数修正

生成视觉策略前,必须选择适合当前载体的 Pattern,并应用主导 DNA 的 Override。

pattern_selection:
  载体:
  base_pattern:
    pattern_id:
    名称:
    选择原因:
  项目适配:
    项目主题:
    目标用户:
    内容复杂度:
    图片资产类型:
    数据密度:
    传播或使用场景:
    参数调整:
      - ""
  参考权重:
    主导参考:
      名称:
      权重:
      承担层级:
      参考内容:
    辅助参考:
      - 名称:
        权重:
        承担层级:
        参考内容:
    细节参考:
      - 名称:
        权重:
        承担层级:
        参考内容:
    权重理由:
  主导DNAOverride:
    DNA名称:
    参考强度:
    参数修正:
      图文比例:
      主视觉占比:
      标题长度:
      信息密度:
      留白比例:
      图片语言:
      动效节奏:
  辅助DNA修正:
    - DNA名称:
      修正范围:
      参数:
  禁止复刻:

Pattern 选择原则:

  • PPT 必须选择 PPT Pattern。
  • 海报/KV 必须选择 Poster Pattern。
  • 官网、HTML、Landing Page 必须选择 Website Pattern。
  • Dashboard、可视化报告必须选择 Dashboard / Data Visualization Pattern。
  • 如果用户指定强参考对象,例如“80% 参考 Apple 发布会”,只能提高对应 DNA Override 的参考强度,不能复刻具体画面。
  • 如果没有完全匹配的 Pattern,选择最接近的 Base Pattern,并说明缺口。
  • 同一个 Base Pattern 在不同项目中至少调整 3 类参数,如图文比例、主视觉占比、标题长度、信息密度、留白比例、色彩比例、图片语言、CTA 或结论位置。
  • 参考权重范围应根据项目灵活判断:主导参考通常 45%-70%,强偏好可到 70%-85%,辅助参考 15%-35%,细节参考 5%-15%。
  • 权重表示参数参考强度,不表示画面复刻比例。
  • 场景边界严格、信息密度高或用户要求“不花”时,应降低高情绪、高装饰参考的权重。

5. 简化输出骨架

内部仍然调用 Scene Library、DNA Library 和 Pattern Library,但对用户输出时必须组织成更稳定的四段结构:

Design Brief
Design Recipe
Visual Execution Script
Final Prompt

除非用户明确要求极简输出,否则默认保留完整推理过程,但必须收束在这四段中,避免把中间层零散堆叠。

执行方案优先级高于分析说明。只要用户指定页数、张数、页面、模块、章节或组件,用户可见输出必须把主要篇幅给执行方案,而不是给 Design Brief、Design Recipe 或方法解释。

篇幅分配规则:

output_budget_priority:
  执行方案: "70%-85%"
  Design Brief: "5%-10%"
  Design Recipe: "5%-10%"
  Final Prompt: "5%-10%"

当内容较长时,必须优先压缩 Design Brief、Design Recipe 和 Final Prompt,不能压缩逐页/逐张/逐屏/逐章节/逐组件执行方案。

如果用户要求 PPT、Pitch Deck、培训汇报、研究汇报、商业汇报,并指定页数或“每页需要包含”字段,则四段结构中的 Visual Execution Script 必须展开为完整逐页施工方案。不得用 Final Prompt、总览表或摘要替代逐页方案。

如果用户要求海报/图片、Website/Landing Page、HTML Report/Long-form Story、Dashboard/Data Visualization,并指定数量、页面、模块、章节、屏幕或“每个需要包含”字段,则 Visual Execution Script 必须展开为对应载体的完整施工方案。Final Prompt 只能放在施工方案之后,不能替代施工方案。

PPT 类任务的默认用户可见输出必须是:

Design Brief
Design Recipe
Slide Execution Plan(逐页完整施工表)
Final Prompt

其中 Slide Execution Plan 必须逐页输出,每一页都要包含 PPT 类输出的稳定模板 的字段。

Slide Execution Plan 不得只是把同一套版式参数复制到每一页。每页必须至少有 4 个页面级差异:

slide_variation_required:
  - 使用Pattern或Pattern Variant不同
  - 图文比例不同
  - 图表/图片占比不同
  - 视觉重心不同
  - 信息密度不同
  - 背景深浅或强调色比例不同
  - 讲解节奏不同

非 PPT 视觉任务的默认用户可见输出必须按载体替换执行计划名称:

Poster/Image:Poster Execution Plan(逐张完整施工表)
Website/Landing Page:Section Execution Plan(逐屏/逐模块完整施工表)
HTML Report/Long-form Story:Story Section Execution Plan(逐章节完整施工表)
Dashboard/Data Visualization:Dashboard Component Execution Plan(逐组件/逐图表完整施工表)

任何执行计划都必须优先于 Final Prompt 输出。Final Prompt 不是摘要,而是对执行计划的无损装配;只能压缩分析解释,不能压缩执行参数和逐项内容。

Design Brief

合并 Scene Result、用户目标和场景边界,回答“这次到底做什么,不能偏到哪里”。

design_brief:
  任务模式:
  输出载体:
  场景名称:
  任务目标:
  目标用户:
  核心信息:
  信息密度:
  情绪浓度:
  必须保留:
  禁止方向:

Design Recipe

合并 DNA Combination、Pattern Selection、Project Adaptation、Reference Weight 和 Design System,回答“这次怎么设计”。

design_recipe:
  主导气质:
  辅助气质:
  参考权重:
    主导参考:
    辅助参考:
    细节参考:
  结构模式:
  Pattern选择:
  关键参数:
    图文比例:
    主视觉占比:
    留白比例:
    标题长度:
    信息密度:
  字体规则:
  色彩规则:
  图片规则:
  交互规则:

Visual Execution Script

把策略转成画面执行脚本,回答“画面具体怎么长”。

只要输出包含图片、海报、网页 Hero、PPT 封面、KV、插画、品牌视觉、产品发布页或可视化报告首屏,就必须输出该模块。

Visual Execution Script 不只是格式约束,而是最终 Prompt 前的画面生成配方。它必须把 Scene、DNA、Pattern 和 Deep Parameters 压成可见物、构图、文字、图片、比例、变化和质量底线。

visual_execution_script:
  global_visual_rules:
    输出载体:
    画布比例/屏幕断点:
    输出数量:
    统一风格:
    统一色彩:
    统一材质/质感:
    清晰度和完成度:
  content_symbol_inventory:
    主题核心符号:
    场景符号:
    材质符号:
    人物/产品/数据符号:
    禁止误用符号:
  composition_mechanism:
    构图类型:
    主视觉占比:
    文字区位置:
    视觉动线:
    前景/中景/背景关系:
    留白和安全边距:
  typography_script:
    主标题内容:
    副标题内容:
    辅助信息/标签/日期/来源:
    字号层级:
    字体气质:
    排版位置:
    与图片/图表的遮挡关系:
  image_scene_brief:
    每张/每页/每屏:
      主题:
      主体:
      主体状态/动作:
      前景:
      中景:
      背景:
      镜头/视角:
      光影:
      材质:
      与文字关系:
  layout_script:
    图文比例:
    网格/分栏:
    模块顺序:
    留白比例:
    信息层级:
    响应式或多页延展:
  variation_rules:
    系列统一点:
    每张/每页/每屏差异点:
    不得重复的构图:
    节奏变化:
  must_avoid_quality_floor:
    必须出现:
    禁止出现:
    最低质量线:
    准确性原则:

视觉执行脚本规则:

  • 必须优先写具体画面,不得只写风格词。
  • 必须写清前景、中景、背景,除非该载体不需要空间层次。
  • 必须列出具体物体、材质、光影、文字位置和禁止项。
  • 系列作品必须为每张定义不同视觉主题。
  • 如果涉及真实品牌、车型、产品或新闻事件,必须加入准确性原则,避免使用不匹配图片或冒充官方页面。
  • global_visual_rules 必须先规定统一比例、统一风格、统一色彩、统一质感和清晰度,防止系列作品散掉。
  • content_symbol_inventory 必须把抽象主题转成可见物清单,例如文化主题要写具体纹样、器物、材料、场景;科技主题要写具体硬件、界面、光线、材质。
  • composition_mechanism 必须写出构图机制,例如左留白右主视觉、中心装置、双栏拼贴、全屏沉浸 Hero、滚动叙事图表,不得只写“高级排版”。
  • typography_script 必须写出主标题、副标题、辅助文字、小字标签、字号层级、字体气质和文字位置。
  • image_scene_brief 必须为每张图、每页、每屏写具体图片小剧本,包含主体、动作、前景、中景、背景、镜头、光影、材质和与文字关系。
  • layout_script 必须把 Pattern 参数落成图文比例、网格、模块顺序、留白、信息层级和响应式/多页延展。
  • variation_rules 必须说明多张、多页、多屏之间如何既统一又不同;不得只写“风格统一,画面不同”。
  • must_avoid_quality_floor 必须合并 Scene Boundary、Pattern quality_rules 和用户禁止项,写出最低质量线。
  • 对多张海报、多页 PPT、多屏网页、多章节报告,必须逐项输出视觉剧本,不得使用“同上”“类似”“依此类推”。

Final Prompt

Final Prompt 是给生成模型或设计师执行的最终指令,必须从 Visual Execution Script / Execution Plan 无损装配而来,不得重新发散,也不得删除逐页、逐张、逐屏、逐章节或逐组件细节。

Final Prompt Lossless Assembly:

final_prompt_lossless_assembly:
  核心原则: "Final Prompt = 完整执行方案的无损重组,不是摘要。"
  可以压缩:
    - Scene识别解释
    - DNA匹配解释
    - Pattern选择原因
    - 方法论说明
  不可以压缩:
    - 用户明确要求的字段
    - 每页/每张/每屏/每章节/每组件标题
    - 核心观点和讲解要点
    - 构图机制
    - 图文比例和主视觉占比
    - 字号层级
    - 图片小剧本
    - 图表类型、数据字段、轴、单位、口径、来源位置
    - 响应式、交互状态、质量检查
    - 禁止项和最低质量线
  输出要求:
    - "只做语言整理,不做内容删减。"
    - "如果 Final Prompt 过长,允许分段输出,但不得省略执行细节。"
final_prompt_must_include:
  - 任务背景
  - 输出载体和数量
  - 设计风格与参考权重
  - 结构模式和关键参数
  - 全局视觉规则
  - 主题可见符号清单
  - 构图机制和视觉动线
  - 字体层级、文字内容与位置
  - 逐张/逐页/逐屏画面描述
  - 每张/每页/每屏图片或图表小剧本
  - 图文比例、留白、网格和响应式/多页延展
  - 系列统一规则和差异规则
  - 必须出现、禁止方向和最低质量线

6. Visual Strategy 输出格式

生成 Prompt 前,必须先生成 visual_strategy。

visual_strategy:
  整体气质:
  信息结构:
  版式策略:
  色彩策略:
  字体策略:
  图片策略:
  文案策略:
  Pattern参数:
  内容语气:
  动效策略:
  必须保留:
  建议强化:
  禁止方向:

Visual Strategy 必须把 DNA 名称转译为设计语言。

错误:

整体参考 Apple + Linear + Stripe

正确:

首屏使用单焦点产品英雄构图和大留白;中段使用清晰模块化产品路径;技术能力用抽象系统图和代码细节建立可信度。

6. Layout & Copy Protocol

该 Skill 不只服务网页,也必须服务 PPT、海报/图片、Dashboard、HTML 报告、数据可视化、表格和信息图。

因此最终策略不能只描述风格和图片,必须同时给出:

layout_copy_plan:
  输出载体:
  页面或画布结构:
  模块顺序:
  每个模块的排版:
  每个模块的示例文案:
  图片或图表位置:
  图片说明:
  文字层级:
  关键组件:
  CTA或结论位置:

不同输出载体的最低要求:

Website / Landing Page / HTML Report

必须输出:
  - 页面列表或长页章节
  - 每屏 Section 名称
  - 每屏标题、副标题、正文、CTA 示例
  - 每屏图文关系,如左文右图、上图下文、卡片网格、大图沉浸
  - 首页与内页的结构差异
  - 图片类型和放置位置
  - 每张关键图片的具体画面说明
  - 响应式布局规则
  - 动态交互与动效说明
  - 移动端适配方式
  - 加载、空状态、错误状态或无数据状态

Web / HTML / 可视化类输出必须极力做到高完成度,不能只给静态页面描述。

必须包含:

responsive_interactive_requirements:
  响应式:
    - 桌面端、平板端、移动端布局都要说明
    - 明确断点下的列数变化、导航变化、图片裁切方式和文字换行策略
    - 关键 CTA 在移动端必须可见且易点击
  动态体验:
    - 首屏进入动效
    - 滚动触发动画
    - 图表或数据模块动态加载
    - hover / active / selected 状态
    - 页面区块之间的过渡方式
  交互:
    - 筛选、切换、展开收起、tab、tooltip、轮播或对比控件
    - 表单校验与提交反馈
    - 图表 tooltip 和高亮逻辑
  完成度:
    - 加载状态
    - 空状态
    - 错误状态
    - 无数据状态
    - 深浅色或主题状态,如适用
  可访问性:
    - 文字对比度
    - 按钮可点击区域
    - 键盘焦点状态
    - 图表文字可读性

Web / HTML / 可视化类 Prompt 必须明确写:

responsive design
desktop/tablet/mobile layouts
interactive states
smooth but restrained motion
data tooltips if charts exist
loading, empty, and error states
high readability and accessibility

PPT / Pitch Deck / Business Report

必须输出:
  - 页码结构
  - 每页标题必须是结论型标题
  - 每页核心信息
  - 每页图表、图片或框架图位置
  - 每页图片或图表的具体画面说明
  - 每页使用的 PPT Pattern 与 Pattern Variant
  - 每页深度设计参数
  - 每页文字层级
  - 每页图表轴、单位、口径和来源位置
  - 每页质量检查
  - 正文要点数量
  - 结论页或行动建议

PPT 输出不得只给“可视化建议”。可视化建议必须落成具体页面参数:版心、栅格/分栏、安全边距、图文比例、图表占比、留白比例、字号层级、图表标注和来源位置。

Poster / KV / Image Prompt

必须输出:
  - 画面主标题
  - 副标题或辅助信息
  - 主视觉位置
  - 主视觉的具体画面说明
  - 品牌或来源信息位置
  - 信息层级
  - 留白与构图方式
  - 必须避免的视觉干扰

Dashboard / Product Interface

必须输出:
  - 导航结构
  - 指标层级
  - 卡片/表格/图表布局
  - 产品截图、图标或插图的具体画面说明
  - 筛选器与操作区位置
  - 空状态、错误状态、加载状态
  - 高风险操作或关键 CTA
  - 响应式和不同屏幕密度下的信息取舍
  - hover、selected、expanded、disabled 等交互状态

Data Visualization / Chart / Table

必须输出:
  - 图表类型或表格类型
  - 标题和洞察结论
  - 坐标轴、单位、图例、注释
  - 数据分组和排序逻辑
  - 高亮重点
  - 数据来源或口径说明
  - 可读性与误读风险
  - 响应式规则
  - tooltip、hover、高亮、筛选或 drill-down 交互
  - 加载、无数据和异常数据状态

图片说明规则

任何输出载体只要使用图片,都必须写 图片说明,不能只写图片类型。

image_brief:
  图片用途:
  画面主体:
  主体状态/动作:
  前景元素:
  中景元素:
  背景元素:
  构图方式:
  镜头/视角:
  背景与环境:
  光影与色彩:
  材质与质感:
  情绪与质感:
  与文字的关系:
  避免:

图片说明应回答:

  • 这张图为什么存在
  • 图里具体应该有什么
  • 主体在做什么,状态是什么
  • 前景、中景、背景分别是什么
  • 主体放在哪里
  • 镜头视角如何帮助构图
  • 背景和环境是什么
  • 光影、色彩、材质是什么感觉
  • 它和标题/正文如何配合
  • 不应该出现什么

错误:

图片:传统剪纸场景

正确:

图片说明:一张暗朱红背景上的剪纸纹样局部特写,主体为细密镂空的花鸟纹样,占画面右侧 45%,左侧保留深色留白给标题;纸张边缘可见纤维和轻微手工毛边,光线从左上方柔和扫过,营造年代感和工艺质感;避免满屏碎花、春节贴纸感和低清素材。

Design System & Template Rhythm Protocol

为避免 AI 只做好封面、内页散乱,所有多页、多屏、多张系列输出都必须先建立设计系统和模板节奏。

核心原则:

统一的是系统,不是长相。
保持一致性,但避免同质化。
模板按载体建立,不按主题建立。
主题差异由 Scene + DNA + 内容填充完成。

不得要求所有页面、海报或模块使用完全相同的字体、颜色和构图;也不得让每一页自由发挥。

必须输出:

design_system:
  字体系统:
    主标题:
    副标题:
    正文:
    数字:
    注释:
    变化规则:
    禁止:
  色彩系统:
    主色:
    辅色:
    强调色:
    背景色:
    使用比例:
    页面变化规则:
    禁止颜色或效果:
  版式系统:
    栅格:
    安全边距:
    模块间距:
    视觉重心:
    可变化项:
    不可变化项:
  视觉资产系统:
    图片风格:
    图表风格:
    图标风格:
    纹理/装饰规则:

字体系统规则:

  • 不是所有文字都用同一个字体和字号,而是每种信息角色有稳定规则。
  • 主标题可以更有气质;正文必须可读;数字必须清晰;注释必须克制。
  • 同一信息角色在不同页面可有轻微字号和字重变化,但不能失去识别。
  • 禁止标题小于正文、正文大于核心观点、注释抢过正文。

色彩系统规则:

  • 不是每页都用同一块颜色,而是使用同一套色彩比例和变化规则。
  • 可以按章节、页面类型或信息状态变化背景色与强调色。
  • 变化必须来自同一色彩系统,不能每页随机换色。
  • 禁止高饱和杂色、廉价渐变、无理由大面积强调色。

模板池规则:

template_pool:
  PPT:
    - 封面页
    - 目录页
    - 结论+图表页
    - 左文右图页
    - 上结论下图表页
    - 三卡片分析页
    - 对比分析页
    - 时间轴页
    - 框架模型页
    - 数据看板页
    - 图片叙事页
    - 总结收束页
  海报/KV:
    - 单主体英雄海报
    - 左文右图海报
    - 上图下文海报
    - 中轴对称海报
    - 大字主导海报
    - 信息卡片海报
  网站/HTML:
    - Hero
    - 价值主张
    - 图文叙事
    - 功能模块
    - 参数/数据
    - 案例/证明
    - 对比模块
    - FAQ
    - CTA
    - 表单页
  Dashboard/可视化:
    - 总览看板
    - 指标卡片组
    - 趋势分析
    - 对比分析
    - 明细表格
    - 筛选面板
    - 异常/预警模块

模板节奏规则:

  • 连续页面或连续海报不能机械重复同一构图。
  • 视觉页、数据页、解释页、总结页应形成节奏变化。
  • 同一系列必须共享设计系统,但每张/每页要有明确差异点。
  • 变化可以来自主图内容、构图方向、背景深浅、强调色比例、模块数量或视觉重心。
  • 不可变化项通常包括信息层级逻辑、安全边距、可读性要求、品牌/来源信息位置规则。
  • 对 PPT,必须让封面、目录、数据页、解释页、总结页有不同模板承担。
  • 对系列海报,必须声明统一项和可变化项。

系列海报规则:

poster_series_rule:
  统一项:
    - 画布比例
    - 字体层级系统
    - 色彩比例规则
    - 品牌/来源信息位置规则
    - 图片精修质感
  可变化项:
    - 主图内容
    - 单张主题
    - 构图方向
    - 背景深浅
    - 局部强调色
    - 短句文案

PPT 内页规则:

ppt_page_rule:
  每页必须声明使用模板:
  每页必须有一个主结论:
  每页必须说明文字区和视觉区:
  每页必须说明字号层级:
  每页必须说明图片/图表占位:
  每页必须说明与前后页的节奏关系:

质量检查:

design_quality_check:
  - 是否有设计系统,而不是随机风格
  - 是否有模板池,而不是单一模板重复
  - 是否有节奏变化,而不是每页长一样
  - 字体变化是否服务信息层级
  - 色彩变化是否来自同一系统
  - 图片/图表是否有明确占位和说明
  - 内页是否和封面同级别完成度
  - 是否存在廉价模板感

Layout & Copy 生成原则:

  • 先确定信息层级,再确定视觉风格。
  • 文字必须服务场景目标,不能只是装饰。
  • 图片、图表和文字必须互相解释,不能各说各话。
  • 图片必须有具体画面说明,不能只写“放一张图片”。
  • 多页、多屏、多张系列输出必须先定义设计系统和模板节奏。
  • 统一的是规则,不是所有页面长相;必须保持一致性,但避免同质化。
  • 如果输出为 HTML、网站、Dashboard 或数据可视化,必须包含响应式布局、动态交互和状态设计。
  • Web/HTML/可视化不能只追求静态好看,必须尽量做到真实可用、可读、可交互。
  • 对商业沟通类内容,标题优先使用结论型标题。
  • 对营销转化类内容,CTA 必须清晰且位置稳定。
  • 对数据可视化类内容,必须写清单位、口径、重点和误读风险。
  • 对图片/海报类内容,必须写清主标题、副标题、主体、品牌信息的位置关系。

7. Prompt 组装规则

最终 Prompt 必须由以下部分组装:

Scene Prompt
+
Boundary Prompt
+
DNA Strategy Prompt
+
Pattern Parameter Prompt
+
Layout & Copy Prompt
+
Output Format Prompt
+
Negative Prompt

各部分职责:

  • Scene Prompt:说明最终交付物、场景目标、目标用户和内容结构。
  • Boundary Prompt:写入必须保留和禁止方向。
  • DNA Strategy Prompt:写入已转译的设计语言,不写“模仿某品牌”。
  • Pattern Parameter Prompt:写入 Base Pattern 和 DNA Override 得到的具体参数,如图文比例、主视觉占比、字号范围、留白比例、标题长度和响应式规则。
  • Layout & Copy Prompt:写入具体页面/画布/幻灯片/图表的排版、文字层级、示例文案和图文关系。
  • Output Format Prompt:说明输出载体,如 Website、PPT、Dashboard、Poster、HTML Report。
  • Negative Prompt:明确不要出现的风格偏移、结构错误和场景失真。

输出语言规则

最终输出默认使用中文,包括视觉策略、页面方案、PPT 方案、图片说明和最终 Prompt。

允许少量使用英文,但仅限于:

  • 强风格词,如 premium、cinematic、editorial、minimal、futuristic
  • 专业设计或前端术语,如 Hero、CTA、Dashboard、tooltip、hover、responsive
  • 图像生成模型更稳定识别的短语

禁止:

  • 通篇英文输出
  • 大段英文 Prompt 替代中文方案
  • 用英文堆叠风格词而不解释中文含义

如果需要给图像模型或页面生成模型使用英文关键词,应采用“中文主体 + 少量英文增强词”的方式。

示例:

创建一个高级感汽车产品官网,整体为 premium dark automotive website 风格;首屏采用 Hero 跑车主视觉,深黑背景、红色细光、高精修车身反射,标题与 CTA 保持中文且高度可读。

最终 Prompt 不得只输出风格描述,必须至少包含:

1. 输出载体
2. 页面或画布结构
3. 文字层级和示例文案
4. 图片/图表/组件位置和具体画面说明
5. 视觉语言
6. 禁止方向

8. 冲突校验与失败处理

输出最终策略前必须完成三类校验。

validation:
  场景边界校验:
    - 必须项是否保留
    - 禁止项是否触犯
  属性一致性校验:
    - 信息密度是否匹配
    - 情绪浓度是否匹配
    - 决策驱动是否服务商业目标
    - 视觉重心是否服务核心任务
  组合协调校验:
    - 是否多个 DNA 抢占战略层
    - 表现层是否压倒结构层
    - 细节层是否改变场景类型
  Pattern参数校验:
    - Base Pattern 是否适合当前载体
    - DNA Override 是否与场景边界冲突
    - 图文比例是否可执行
    - 字号范围是否可读
    - 留白比例是否与信息密度匹配

失败处理:

  • 如果触犯场景边界的 禁止,必须更换 DNA 或降低为不可用。
  • 如果 DNA 与场景信息密度冲突,只能降为细节层或移除。
  • 如果用户强偏好的 DNA 与场景边界冲突,必须解释冲突,并给出保留其局部基因的替代方案。
  • 如果没有足够匹配的 DNA,使用最接近的 DNA 组合,并明确说明缺口,不能编造不存在的 DNA。
  • 如果 Pattern 参数导致文字不可读、图片过小或信息拥挤,必须调整 Pattern 或降低参考强度。

9. 稳定输出与禁止偷懒协议

当用户要求“每一页”“每一屏”“主页和内页”“每个模块”“每张图”“每个图表”时,必须逐项展开,不能只输出概览表、摘要表或笼统建议。

当用户出现以下任一表达时,必须进入 full_execution_mode:

详细设计参数
施工图
逐页
每一页
每张
每屏
每个模块
每个组件
页面方案
有文字有图片
可视化建议

full_execution_mode 输出规则:

full_execution_mode:
  前置分析: "最多 8 行"
  执行计划: "必须完整展开"
  Final Prompt: "无损装配执行计划;可以分段,不得删除执行参数"
  禁止:
    - "用总览代替逐项"
    - "用Prompt代替方案"
    - "重复同一套参数"
    - "只写字段名不写具体内容"

必须遵守:

  • 如果用户要求 18 页左右 PPT,必须逐页输出,不得只给 8-10 页示例。
  • 如果用户要求每页包含标题、核心观点、讲解要点、可视化建议,必须每页都包含这些字段。
  • 如果用户要求 PPT 且指定页数,每页必须同时输出:使用Pattern、Pattern Variant、深度设计参数、页面排版、文字层级、可视化建议、图片或图表说明、质量检查和讲稿提示。
  • 如果用户要求多张海报/图片,每张必须同时输出:使用Pattern、Pattern Variant、构图机制、主视觉占比、文字区位置、图片小剧本、字体层级、系列统一点、单张差异点、禁止项和质量检查。
  • 如果用户要求网站/落地页/HTML页面,每个页面或 Section 必须同时输出:使用Pattern、Pattern Variant、模块目标、标题/正文/CTA文案、图文比例、主视觉说明、组件说明、响应式规则、交互状态、禁止项和质量检查。
  • 如果用户要求HTML可视化报告/长页专题,每个章节必须同时输出:叙事目标、滚动节点、图表类型、数据字段、注释方式、图文比例、交互行为、响应式规则、误读风险和质量检查。
  • 如果用户要求Dashboard/Data Visualization,每个组件或图表必须同时输出:组件角色、指标层级、图表类型、数据字段、排序/分组、状态设计、tooltip/hover、高亮逻辑、误读风险和质量检查。
  • 如果用户要求有文字有图片,必须给出每页/每屏的文字内容和图片说明。
  • 如果使用表格汇总,也必须在表格后继续展开每页的详细设计说明。
  • 不得用“同上”“类似”“依此类推”“可参考前页”代替具体页面说明。
  • 不得只写“放一张图片”“使用图表”“做成高级感”,必须写清图片/图表的具体画面、位置、信息层级和与文字的关系。
  • 最终 Prompt 必须能让另一个模型或设计师直接执行,而不是只理解方向。
  • Final Prompt 只能放在完整执行方案之后,不能代替逐页、逐张、逐屏、逐章节、逐组件方案;如果输出过长,应优先保留执行方案,压缩 Design Brief 和 Design Recipe;Final Prompt 本身不得压缩执行细节。
  • 深度设计参数必须写具体数值、区域比例和位置,不得只写“左图右文”“图表占比较大”“留白适中”等泛化描述。
  • 相邻页面不得复用完全相同的深度设计参数;如果版式相似,必须说明本页与上一页的差异点。
  • 质量检查不能只写“是”,必须写该页如何满足,例如“标题32pt且不超过两行”“图表占左侧68%,轴标签不低于11pt”。
  • 可视化建议必须落到具体图表结构,包含数据字段、坐标轴或表头、标注位置、图例位置、来源位置,不能只写图表类型。
  • 图片或图表说明必须说明其在页面中的具体位置、面积、视觉作用和与文字的阅读顺序。

PPT 类输出的稳定模板:

slide:
  页码:
  页面类型:
  使用Pattern:
  Pattern Variant:
  页面标题:
  核心观点:
  讲解要点:
    -
  深度设计参数:
    画布与版心:
    栅格/分栏:
    安全边距:
    图文比例:
    主视觉/图表占比:
    留白比例:
    背景与色彩比例:
    本页与上一页差异:
    页间节奏:
  页面排版:
    布局:
    文字区域:
    可视化区域:
    留白与对齐:
  文字层级:
    标题:
    核心观点:
    正文:
    注释:
  可视化建议:
    图表类型:
    数据字段:
    图表重点:
    标注方式:
    轴/单位/口径:
    来源位置:
  图片或图表说明:
    图片用途:
    画面主体:
    主体状态/动作:
    前景/中景/背景:
    构图方式:
    镜头/视角:
    背景与环境:
    光影与色彩:
    材质与质感:
    与文字的关系:
    避免:
  质量检查:
    结论标题:
    图表/图片大小:
    字号可读性:
    来源和口径:
    页间节奏:
    执行风险:
  讲稿提示:

海报/图片类输出的稳定模板:

poster_or_image:
  编号:
  使用Pattern:
  Pattern Variant:
  主标题:
  副标题/辅助信息:
  构图机制:
  深度设计参数:
    画布比例:
    安全边距:
    主视觉占比:
    文字占比:
    留白比例:
    信息区位置:
  图片小剧本:
    主题:
    主体:
    主体状态/动作:
    前景:
    中景:
    背景:
    镜头/视角:
    光影:
    材质:
    与文字关系:
  字体层级:
    主标题:
    副标题:
    小字/日期/来源:
  系列规则:
    统一点:
    本张差异点:
  质量检查:
    - 主体是否清晰完整
    - 文字是否可读
    - 构图是否与其他张不同
    - 是否避免水印、乱码、畸形和低清

网站/落地页类输出的稳定模板:

page_or_section:
  页面/模块编号:
  使用Pattern:
  Pattern Variant:
  模块目标:
  标题文案:
  副标题文案:
  正文文案:
  CTA文案:
  深度设计参数:
    桌面端栅格:
    平板端变化:
    移动端变化:
    图文比例:
    主视觉占比:
    留白比例:
  主视觉说明:
    主体:
    场景:
    光影:
    材质:
    与文字关系:
  组件说明:
  交互状态:
    hover:
    active/selected:
    loading/empty/error:
  质量检查:
    - 移动端是否可读
    - CTA是否可见
    - 图片是否服务模块目标
    - 是否避免新闻长文页和模板感

HTML报告/长页专题类输出的稳定模板:

story_section:
  章节编号:
  使用Pattern:
  Pattern Variant:
  叙事目标:
  标题文案:
  核心结论:
  正文摘要:
  深度设计参数:
    章节高度:
    图文比例:
    正文宽度:
    图表/地图/时间线占比:
    滚动触发节点:
  可视化设计:
    图表类型:
    数据字段:
    注释方式:
    tooltip/hover:
    误读风险:
  图片/图表小剧本:
  响应式规则:
  质量检查:
    - 叙事是否连续
    - 图表是否有来源和口径
    - 滚动交互是否服务理解
    - 移动端是否可读

Dashboard/数据可视化类输出的稳定模板:

dashboard_component:
  组件编号:
  使用Pattern:
  Pattern Variant:
  组件角色:
  指标层级:
  标题:
  核心洞察:
  深度设计参数:
    栅格位置:
    组件尺寸:
    字号层级:
    信息密度:
  可视化设计:
    图表类型:
    数据字段:
    排序/分组:
    高亮重点:
    单位与口径:
    来源位置:
  状态设计:
    默认:
    hover/tooltip:
    selected/filter:
    loading:
    empty:
    error:
  质量检查:
    - 是否能快速读出结论
    - 是否存在误读风险
    - 状态是否完整
    - 小屏是否可用

网页类输出的稳定模板:

page_or_section:
  页面/模块名称:
  目标:
  标题文案:
  副标题文案:
  正文文案:
  CTA文案:
  页面排版:
  文字层级:
  图片说明:
  组件说明:
  禁止方向:

图表/表格类输出的稳定模板:

visualization:
  标题:
  核心洞察:
  图表类型:
  数据字段:
  排序/分组逻辑:
  高亮重点:
  单位与口径:
  注释:
  误读风险:
  版式位置:

如果用户要求“给我提示词”,提示词必须包含:

1. 任务背景
2. 输出载体和页数/模块数
3. 每页/每屏必须字段
4. 设计风格
5. 排版规则
6. 文字规则
7. 图片/图表说明规则
8. 响应式、动态交互和状态设计规则(当输出为 HTML、网站、Dashboard 或可视化时必须包含)
9. 禁止偷懒规则
10. 最终输出格式

Creative Freedom Score

Level1

行业 90%,跨界 10%。

适用:融资路演、企业官网、战略汇报。

Level2

行业 75%,跨界 25%。

适用:产品官网、Dashboard、商业 PPT。

默认模式。

Level3

行业 60%,跨界 40%。

适用:品牌官网、品牌 KV、新品发布。

Level4

行业 50%,跨界 50%。

适用:潮玩、艺术项目、实验视觉。

跨界比例上限不允许超过 50%。

输出要求

最终输出应该包含:

  • 任务模式
  • 设计场景
  • 目标用户
  • 商业目标
  • 内容结构
  • 视觉重点
  • Scene Result
  • DNA 组合
  • 视觉策略
  • 校验结果
  • 最终 Prompt / 页面结构 / 展示方案

知识库文件

当前场景库文件:

data/design_scene_library.yaml

该文件包含:

  • 双模式任务路由
  • 场景库治理规则
  • 去重与边界规则
  • Creative Freedom Score
  • 6 个一级分类
  • 72 个二级场景
  • 每个二级场景的完整结构化字段

V2 设计属性表:

data/design_scene_attributes.yaml

该文件通过 scene_id 与场景库关联,用于连接 Design DNA Library。

设计属性字段包括:

  • 品牌人格
  • 表达方式
  • 信息密度
  • 视觉重心
  • 决策驱动
  • 情绪浓度
  • 创意自由度

进行 DNA 匹配时,必须优先使用设计属性匹配 Design DNA Library,禁止仅根据行业直接绑定具体品牌。

V2 场景边界表:

data/design_scene_boundaries.yaml

该文件通过 scene_id 与场景库关联,用于约束视觉策略、Design DNA 匹配和 Prompt 生成方向。

场景边界包含:

  • 必须:任何风格下都必须保留的内容、结构或商业属性
  • 建议:能够增强场景效果,但不是绝对要求的内容
  • 禁止:任何风格下都不应出现的方向

场景边界优先于视觉风格、DNA 组合和创意表达。即使匹配任何 Design DNA,也必须先遵守场景边界。

Design DNA Library:

data/design_dna_library.yaml

该文件包含:

  • DNA 库定位
  • DNA Schema
  • DNA 类型
  • DNA 组合模式
  • 四层设计分工
  • DNA 匹配逻辑
  • 冲突校验规则
  • 首批 10 套 Design DNA

当前首批 DNA:

Apple
Linear
Stripe
Notion
Nike
Aesop
Kinfolk
Hermes
McKinsey
A24

Design Pattern Library:

data/design_pattern_library.yaml

该文件包含:

  • Pattern Library 定位
  • Pattern Schema
  • Pattern 三级分类模型
  • Pattern 调用顺序
  • 参数来源与置信度规则
  • Anti-AI Taste Check
  • 参考强度等级
  • Base Pattern + DNA Override 组合规则
  • 63 个 Core Pattern
  • 每个 Core Pattern 的 Variant Pool
  • 高频载体深度 Pattern 示例
  • 深度 Pattern 的具体落地参数
  • 深度 Pattern 的 DNA 参数修正
  • Pattern 质量规则和 Prompt 转译规则

当前 Core Pattern 覆盖:

PPT:15 个核心 Pattern
Website / Landing Page:14 个核心 Pattern
Poster / KV:12 个核心 Pattern
HTML Report / Long-form Story:10 个核心 Pattern
Dashboard / Data Visualization:12 个核心 Pattern

合计:63 个核心 Pattern

当前保留的深度 Pattern 示例:

单主体产品英雄海报
左文右图产品海报
结论+图表页
强视觉封面页
产品官网 Hero
KPI 卡片组 / 数据总览