From eb548647b4a1e95d509a0db3ece1ced641fdaa11 Mon Sep 17 00:00:00 2001
From: Alem Tuzlak <t.zlak@hotmail.com>
Date: Mon, 3 Aug 2026 11:46:03 +0200
Subject: [PATCH] docs: add README header banners to the framework adapter
 packages

---
 packages/ai-solid/README.md  | 17 +++++++++++++++++
 packages/ai-svelte/README.md | 17 +++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/packages/ai-solid/README.md b/packages/ai-solid/README.md
index 72803cea7..5675cdb0d 100644
--- a/packages/ai-solid/README.md
+++ b/packages/ai-solid/README.md
@@ -1,3 +1,20 @@
+<div align="center">
+  <picture>
+    <source
+      media="(prefers-color-scheme: dark)"
+      srcset="https://tanstack.com/api/readme/ai.png?framework=solid&theme=dark"
+    />
+    <source
+      media="(prefers-color-scheme: light)"
+      srcset="https://tanstack.com/api/readme/ai.png?framework=solid"
+    />
+    <img
+      src="https://tanstack.com/api/readme/ai.png?framework=solid"
+      alt="TanStack Solid AI"
+      width="900"
+    />
+  </picture>
+</div>
 # @tanstack/ai-react
 
 React hooks for building AI chat interfaces with TanStack AI.
diff --git a/packages/ai-svelte/README.md b/packages/ai-svelte/README.md
index 6f72b76de..771fb9075 100644
--- a/packages/ai-svelte/README.md
+++ b/packages/ai-svelte/README.md
@@ -1,3 +1,20 @@
+<div align="center">
+  <picture>
+    <source
+      media="(prefers-color-scheme: dark)"
+      srcset="https://tanstack.com/api/readme/ai.png?framework=svelte&theme=dark"
+    />
+    <source
+      media="(prefers-color-scheme: light)"
+      srcset="https://tanstack.com/api/readme/ai.png?framework=svelte"
+    />
+    <img
+      src="https://tanstack.com/api/readme/ai.png?framework=svelte"
+      alt="TanStack Svelte AI"
+      width="900"
+    />
+  </picture>
+</div>
 # @tanstack/ai-svelte
 
 Svelte bindings for TanStack AI.