From f9f175d9b4122d477793565bd2a02abb4979640a Mon Sep 17 00:00:00 2001
From: soyuka <soyuka@users.noreply.github.com>
Date: Sat, 13 Jun 2026 13:50:56 +0200
Subject: [PATCH] feat: advertise API Platform skillset on help page and footer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add an 'AI coding agents' band to the /help page and a footer link,
pointing to the skillset (github.com/api-platform/skillset) and the new
docs page (/docs/core/ai-agents). Reuses existing Heading/Button
primitives and the footer link shape — no new bespoke components.
---
 pwa/app/(common)/help/page.tsx | 27 +++++++++++++++++++++++++++
 pwa/data/footer.ts             |  4 ++++
 2 files changed, 31 insertions(+)

diff --git a/pwa/app/(common)/help/page.tsx b/pwa/app/(common)/help/page.tsx
index ae93e323d..bd993fd2c 100644
--- a/pwa/app/(common)/help/page.tsx
+++ b/pwa/app/(common)/help/page.tsx
@@ -170,6 +170,33 @@ export default async function Page() {
           />
         </div>
       </div>
+      <div>
+        <div className="container xl:max-w-5xl flex flew-row items-center relative gap-16 py-12">
+          <div className="flex-1 max-w-2xl py-6 mx-auto text-center">
+            <Heading size="lg" level="h2" overline="AI coding agents">
+              Teach AI agents the <strong>canonical way</strong>
+            </Heading>
+            <p className="mt-4">
+              The API Platform Skillset teaches AI coding agents the canonical
+              API Platform 4.x way, with 15 skills covering both Symfony and
+              Laravel. Install the Claude Code plugin to keep your agents
+              aligned with framework best practices.
+            </p>
+            <div className="mt-6 flex flex-wrap justify-center gap-4">
+              <Button
+                external
+                href="https://github.com/api-platform/skillset"
+                size="medium"
+              >
+                Get the skillset
+              </Button>
+              <Button href="/docs/core/ai-agents" size="medium" empty>
+                Learn more
+              </Button>
+            </div>
+          </div>
+        </div>
+      </div>
       <div className="bg-blue-extralight/50 dark:bg-blue-dark dark:text-white after:absolute after:w-full after:h-80 after:top-full after:left-0 after:bg-blue-extralight/50 after:dark:bg-blue-dark">
         <div className="container xl:max-w-5xl flex flew-row items-center relative gap-16 pt-12">
           <img
diff --git a/pwa/data/footer.ts b/pwa/data/footer.ts
index 06b6563b3..85fbfae00 100644
--- a/pwa/data/footer.ts
+++ b/pwa/data/footer.ts
@@ -30,6 +30,10 @@ const footer: FooterPart[] = [
         title: "Screencasts",
         url: "https://symfonycasts.com/screencast/api-platform?cid=apip",
       },
+      {
+        title: "AI coding-agent skills",
+        url: "/docs/core/ai-agents/",
+      },
       {
         title: "Stack Overflow",
         url: "https://stackoverflow.com/questions/tagged/api-platform.com",