diff --git a/.github/copilot/integrate-social-share-button.prompt.md b/.github/copilot/integrate-social-share-button.prompt.md
index 6ba9240..e7b4463 100644
--- a/.github/copilot/integrate-social-share-button.prompt.md
+++ b/.github/copilot/integrate-social-share-button.prompt.md
@@ -2,9 +2,9 @@
agent: agent
description: >
Integrate SocialShareButton into any web project. Covers CDN (recommended),
- npm (advanced), and React Wrapper Component (optional). Framework-specific
+ npm (advanced), and React/Preact/Qwik Wrapper Components (optional). Framework-specific
steps for CRA, Next.js App Router, Next.js Pages Router, Vite/Vue/Angular,
- and Vanilla HTML. Use this skill whenever a developer asks how to add the
+ Preact, Qwik, and Vanilla HTML. Use this skill whenever a developer asks how to add the
share button to their project.
---
@@ -25,11 +25,11 @@ You are helping a developer integrate the **SocialShareButton** library
The README defines **3 installation methods**. Ask (or infer) which the developer wants:
-| Method | When to use |
-| ------------------------------------------------- | ------------------------------------------------------------------------- |
-| **Method 1 — CDN (Recommended)** | Most projects. No build step needed. Load via `
+
+```
+
+**Step 2:** Open your root or layout component (typically `src/components/Header.jsx` or your root `App.jsx`). Add a container element and initialize inside the `useEffect` hook:
+
+```jsx
+import { useEffect, useRef } from "preact/hooks";
+
+// ⬇️ Replace 'Header' with the name of the component where you want the
+// share button to appear — e.g. Navbar, MainLayout, App, etc.
+export default function Header() {
+ const shareButtonRef = useRef(null);
+ const containerRef = useRef(null);
+ const initRef = useRef(false);
+
+ useEffect(() => {
+ if (initRef.current || !window.SocialShareButton || !containerRef.current) return;
+
+ shareButtonRef.current = new window.SocialShareButton({
+ container: "#share-button",
+ });
+ initRef.current = true;
+
+ return () => {
+ if (shareButtonRef.current?.destroy) {
+ shareButtonRef.current.destroy();
+ }
+ initRef.current = false;
+ };
+ }, []);
+
+ return (
+
+ );
+}
+```
+
+---
+
+### CDN — Qwik
+
+**Step 1:** Add CDN to your root or layout page (e.g. `src/root.tsx` or layout index):
+
+```html
+