diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/ListView.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/ListView.avif
new file mode 100644
index 00000000000..621b95d02c6
Binary files /dev/null and b/packages/dev/s2-docs/assets/component-illustrations/dark/ListView.avif differ
diff --git a/packages/dev/s2-docs/assets/component-illustrations/dark/WorkingWithAI.avif b/packages/dev/s2-docs/assets/component-illustrations/dark/WorkingWithAI.avif
new file mode 100644
index 00000000000..c4aaac62105
Binary files /dev/null and b/packages/dev/s2-docs/assets/component-illustrations/dark/WorkingWithAI.avif differ
diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/ListView.avif b/packages/dev/s2-docs/assets/component-illustrations/light/ListView.avif
new file mode 100644
index 00000000000..456c6810713
Binary files /dev/null and b/packages/dev/s2-docs/assets/component-illustrations/light/ListView.avif differ
diff --git a/packages/dev/s2-docs/assets/component-illustrations/light/WorkingWithAI.avif b/packages/dev/s2-docs/assets/component-illustrations/light/WorkingWithAI.avif
new file mode 100644
index 00000000000..2b70a63514f
Binary files /dev/null and b/packages/dev/s2-docs/assets/component-illustrations/light/WorkingWithAI.avif differ
diff --git a/packages/dev/s2-docs/src/ComponentCard.tsx b/packages/dev/s2-docs/src/ComponentCard.tsx
index 01467202cbc..06a682e3ea5 100644
--- a/packages/dev/s2-docs/src/ComponentCard.tsx
+++ b/packages/dev/s2-docs/src/ComponentCard.tsx
@@ -111,6 +111,8 @@ import LinkButtonDark from 'url:../assets/component-illustrations/dark/LinkButto
 import LinkButtonLight from 'url:../assets/component-illustrations/light/LinkButton.avif';
 import LinkDark from 'url:../assets/component-illustrations/dark/Link.avif';
 import LinkLight from 'url:../assets/component-illustrations/light/Link.avif';
+import ListViewDark from 'url:../assets/component-illustrations/dark/ListView.avif';
+import ListViewLight from 'url:../assets/component-illustrations/light/ListView.avif';
 import McpServerDark from 'url:../assets/component-illustrations/dark/McpServer.avif';
 import McpServerLight from 'url:../assets/component-illustrations/light/McpServer.avif';
 import MenuDark from 'url:../assets/component-illustrations/dark/Menu.avif';
@@ -191,6 +193,8 @@ import TreeDark from 'url:../assets/component-illustrations/dark/Tree.avif';
 import TreeLight from 'url:../assets/component-illustrations/light/Tree.avif';
 import UtilityDark from 'url:../assets/component-illustrations/dark/Utility.avif';
 import UtilityLight from 'url:../assets/component-illustrations/light/Utility.avif';
+import WorkingWithAIDark from 'url:../assets/component-illustrations/dark/WorkingWithAI.avif';
+import WorkingWithAILight from 'url:../assets/component-illustrations/light/WorkingWithAI.avif';
 
 export interface ComponentCardItem {
   id: string,
@@ -249,6 +253,7 @@ const componentIllustrations: Record<string, [string, string] | undefined> = {
   'Link': [LinkLight, LinkDark],
   'LinkButton': [LinkButtonLight, LinkButtonDark],
   'ListBox': [SelectionLight, SelectionDark],
+  'ListView': [ListViewLight, ListViewDark],
   'Menu': [MenuLight, MenuDark],
   'Meter': [MeterLight, MeterDark],
   'Migrating to Spectrum 2': [MigratingLight, MigratingDark],
@@ -296,6 +301,7 @@ const componentIllustrations: Record<string, [string, string] | undefined> = {
   'Getting started': [GettingStartedLight, GettingStartedDark],
   'MCP Server': [McpServerLight, McpServerDark],
   'Quality': [AccessibilityLight, AccessibilityDark],
+  'Working with AI': [WorkingWithAILight, WorkingWithAIDark],
   'Selection': [SelectionLight, SelectionDark],
   'Style Macro': [StyleMacroLight, StyleMacroDark],
   'Styling': [StyleLight, StyleDark],