From 88faed56455939c844e83a7d8858cb9410697378 Mon Sep 17 00:00:00 2001
From: Isaac Johnson <junklabgames@gmail.com>
Date: Wed, 15 Jul 2026 14:24:36 +1000
Subject: [PATCH] docs: add a Tooling section for utilities that work with
 AGENTS.md

---
 components/ToolingSection.tsx | 24 ++++++++++++++++++++++++
 pages/index.tsx               |  2 ++
 2 files changed, 26 insertions(+)
 create mode 100644 components/ToolingSection.tsx

diff --git a/components/ToolingSection.tsx b/components/ToolingSection.tsx
new file mode 100644
index 00000000..4c187713
--- /dev/null
+++ b/components/ToolingSection.tsx
@@ -0,0 +1,24 @@
+import Section from "@/components/Section";
+
+const ToolingSection = () => (
+  <Section title="Tooling" className="pb-0" center maxWidthClass="max-w-3xl">
+    <p className="max-w-3xl">Utilities for working with AGENTS.md files:</p>
+
+    <p className="max-w-3xl mt-4">
+      <a
+        href="https://github.com/zackabrah/scopeglass"
+        className="underline hover:no-underline"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Scopeglass
+      </a>{" "}
+      &mdash; local CLI that shows the effective AGENTS.md chain for any path:
+      precedence order, line-level provenance, context-size estimates, and
+      checks for broken references, duplicates, and conflicting guidance.
+      Includes a CI gate (<code>scopeglass check</code>).
+    </p>
+  </Section>
+);
+
+export default ToolingSection;
diff --git a/pages/index.tsx b/pages/index.tsx
index 1027b37d..a9046030 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -9,6 +9,7 @@ import CompatibilitySection from "@/components/CompatibilitySection";
 import { GetStaticProps } from "next";
 import WhySection from "@/components/WhySection";
 import AboutSection from "@/components/AboutSection";
+import ToolingSection from "@/components/ToolingSection";
 
 interface LandingPageProps {
   contributorsByRepo: Record<string, { avatars: string[]; total: number }>;
@@ -25,6 +26,7 @@ export default function LandingPage({ contributorsByRepo }: LandingPageProps) {
         <HowToUseSection />
         <div className="flex-1 flex flex-col gap-4 mt-16">
           <AboutSection />
+          <ToolingSection />
           <FAQSection />
         </div>
       </main>