visual pattern library · v1.0
可视化模式库
8 个可复用的视觉模式，覆盖 40 个框架中的 27 个。每个模式用对应的代表框架做参考实现，剩余 13 个走轻定制。模式相同，模块色不同——视觉一致，语义清晰。
8 个可复用的视觉模式，覆盖 40 个框架中的 27 个。每个模式用对应的代表框架做参考实现，剩余 13 个走轻定制。模式相同，模块色不同——视觉一致，语义清晰。
同一张五力放射图，用 CSS Grid + 绝对定位 + 伪元素箭头实现。技术：纯 HTML/CSS，无 SVG。
参考实现：F17 可信智能体七维评估法 (VERITAS) · 模块三 · SVG
适用范围：F02 七维 · F17 VERITAS · F18 CATER · F29 DWPS · F35 FALA · F36 AC6（共 6 个）
参考实现：F03 智能体组合矩阵 (APM) · 模块一 · HTML/CSS
适用范围：F03 APM · F09 RACI×DAL · F10 T1–T4 · F13 APS · F34 任务迁移（共 5 个）
战略上重要，但技术尚不稳定——这里是未来竞争优势的来源。
已稳定运行，ROI 明确，是当下最核心的竞争资产。
技术不稳，价值不清——大多是跟风项目，资源黑洞。
稳定但不差异化——是效率资产，不是战略资产。
参考实现：F23 企业智能体六层架构 (SEAA) · 模块四 · HTML/CSS
适用范围：F08 双前台中台 · F14 JTBO 三层 · F15 上下文四层 · F23 SEAA · F28 3DSP · G01 意图四层（共 6 个）
参考实现：F27 智能体运营五级成熟度模型 (AOMM) · 模块五 · HTML/CSS
适用范围：F19 MAAML · F21 SAG · F27 AOMM · F33 IACMM（共 4 个）
参考实现：F22 执行链路四环诊断法 (PRTD) · 模块四 · HTML/CSS
适用范围：F12 Kotter-AI · F22 PRTD · F25 TSEM 三层（共 3 个）
参考实现：F11 智能体安全三系统架构 (ABERS) · 模块二 · SVG
适用范围：F11 ABERS · F25 TSEM · F32 SRAG · G02 BSN（共 4 个）
剩余 13 个框架走"轻定制"——大多是上述 8 个模式的轻微变体（如三角图、漏斗、节点网络、公式分解、时间曲线），用同一套 SVG/CSS 元件组合即可。