From 101e86e4b8d061e2336b985f196c3023ee2be8fd Mon Sep 17 00:00:00 2001
From: yurukusa <wakakusa.takei@gmail.com>
Date: Wed, 3 Jun 2026 14:17:44 +0900
Subject: [PATCH] Add FAQ: How do I configure Claude Code? (@AGENTS.md import)
 Claude Code is a widely used coding agent, but the FAQ had no entry for it.
 Unlike the tools already listed, Claude Code reads CLAUDE.md rather than
 AGENTS.md natively, so users repeatedly ask how to make the two work
 together. This adds a per-tool FAQ entry mirroring the existing "How do I
 configure Aider?" / "How do I configure Gemini CLI?" entries: import
 AGENTS.md from CLAUDE.md with a one-line `@AGENTS.md` directive, which keeps
 a single shared source of truth. This is the method documented in Anthropic's
 Claude Code memory docs (the @path import syntax). Co-Authored-By: Claude
 Opus 4.8 (1M context) <noreply@anthropic.com>

---
 components/FAQSection.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/components/FAQSection.tsx b/components/FAQSection.tsx
index 90463f15..10a1dbf2 100644
--- a/components/FAQSection.tsx
+++ b/components/FAQSection.tsx
@@ -86,6 +86,26 @@ export default function FAQ() {
         </>
       ),
     },
+    {
+      question: "How do I configure Claude Code?",
+      answer: (
+        <>
+          <p className="mb-2">
+            Claude Code reads <code>CLAUDE.md</code> rather than <code>AGENTS.md</code>. Import
+            your AGENTS.md from <code>CLAUDE.md</code> with a one-line directive so there is a
+            single source of truth both tools share:
+          </p>
+          <div className="w-full flex justify-center">
+            <CodeExample
+              code="@AGENTS.md"
+              compact
+              heightClass="min-h-[48px]"
+              centerVertically
+            />
+          </div>
+        </>
+      ),
+    },
   ];
 
   return (