[agent-setup] Follow-ups: Manifest-driven Skills/MCP lists, static PlatformAccessSection (#30245)

* feat: add Cloudflare tools banner to agent setup page

* feat: link MCP Code Mode to GitHub repo in tools banner

* [agent-setup] Drive Skills and MCP lists from middlecache manifests

- Add cloudflare-skills-manifest and cloudflare-mcp-server-card content
  collections backed by middlecacheLoader with custom parsers
- Add Zod schemas for both collections
- Rewrite SkillsList.astro to use getCollection instead of hardcoded array
- Rewrite McpServerList.astro to use getEntry and derive server names from
  remote URLs; descriptions remain locally maintained
- Remove Tools for agents section and CloudflareToolsBanner from index
- Link Cloudflare Skills and MCP servers in the lede to their GitHub repos

* [agent-setup] Fully static PlatformAccessSection, drive MCP list from mcps-manifest

- Switch cloudflare-mcp-server-card collection to cloudflare-mcps-manifest,
  backed by v1/cloudflare-mcps/mcps-manifest.json — names and descriptions
  now come from the manifest with no local hardcoding
- Pin Code Mode server first in McpServerList with a 'code mode' chip
- Add MCP server URLs to the list UI
- PlatformAccessSection is now a zero-prop, zero-slot static component;
  all per-agent wrangler/docs/skills slot content removed
- All six agent pages reduced to <PlatformAccess />
- Clarify Code Mode vs domain-specific servers in MCP section copy
- Remove agentName interpolations throughout

* chore: fix CSS formatting

Author: mvvmm

src/components/agent-setup/CloudflareToolsBanner.astro

@@ -0,0 +1,31 @@
+---
+// Shown between the page title and the agent catalog.
+// Communicates what Cloudflare provides before the user picks an agent.
+---
+
+<div class="cf-banner not-content">
+	<div class="cf-banner-items">
+
+		<div class="cf-banner-item">
+			<p class="cf-banner-item-title">Skills</p>
+			<p class="cf-banner-item-desc">Reusable prompt packages that teach agents about Cloudflare products and APIs.</p>
+			<div class="cf-banner-item-links">
+				<a href="https://github.com/cloudflare/skills" target="_blank" rel="noopener noreferrer">cloudflare/skills &nearr;</a>
+			</div>
+		</div>
+
+		<div class="cf-banner-item">
+			<p class="cf-banner-item-title">MCP</p>
+			<p class="cf-banner-item-desc">Connect agents to your Cloudflare account. Two flavors: <a href="https://github.com/cloudflare/mcp" target="_blank" rel="noopener noreferrer">Code Mode &nearr;</a> for broad API coverage across all products, or <a href="https://github.com/cloudflare/mcp-server-cloudflare" target="_blank" rel="noopener noreferrer">domain-specific servers &nearr;</a> for purpose-built tools within one product area.</p>
+		</div>
+
+		<div class="cf-banner-item">
+			<p class="cf-banner-item-title">CLI</p>
+			<p class="cf-banner-item-desc">
+				<a href="/workers/wrangler/">Wrangler</a> for deploying and managing Workers, KV, D1, R2, and more.
+				<a href="https://blog.cloudflare.com/cf-cli-local-explorer/" target="_blank" rel="noopener noreferrer">cf CLI &nearr;</a> is a next-generation CLI covering every Cloudflare product — in technical preview.
+			</p>
+		</div>
+
+	</div>
+</div>

src/components/agent-setup/McpServerList.astro

@@ -1,23 +1,5 @@
 ---
-// Simple list of Cloudflare MCP servers.
-// Renders each server as an orange name (+ optional "bundled" tag) followed
-// by a short description.
-//
-// Sources:
-//   • Code Mode API server — https://github.com/cloudflare/mcp (README + /.mcp.json)
-//   • Domain-specific servers — https://github.com/cloudflare/mcp-server-cloudflare
-//   • Plugin bundle — https://github.com/cloudflare/skills (/.mcp.json)
-//
-// When new servers are added upstream, add them here.
-
-interface McpServer {
-	/** Server name as it appears in JSON config (e.g. `"cloudflare-api"`). */
-	name: string;
-	/** One-line purpose, sourced from the upstream README. */
-	description: string;
-	/** True if this server is pre-registered by the cloudflare/skills plugin. */
-	bundled?: boolean;
-}
+import { getCollection } from "astro:content";
 
 interface Props {
 	/** Whether to show the "bundled" chip. Only relevant for plugin-based agents (Claude Code, Cursor). */
@@ -26,94 +8,41 @@ interface Props {
 
 const { showBundled = false } = Astro.props;
 
-const SERVERS: McpServer[] = [
-	{
-		name: "cloudflare-api",
-		description:
-			"Entire Cloudflare API (2,500+ endpoints) in ~1,000 tokens via Code Mode.",
-		bundled: true,
-	},
-	{
-		name: "cloudflare-docs",
-		description: "Up-to-date Cloudflare documentation and reference.",
-		bundled: true,
-	},
-	{
-		name: "cloudflare-bindings",
-		description:
-			"Build Workers applications with storage, AI, and compute primitives.",
-		bundled: true,
-	},
-	{
-		name: "cloudflare-builds",
-		description: "Manage and get insights into Workers builds.",
-		bundled: true,
-	},
-	{
-		name: "cloudflare-observability",
-		description: "Debug and analyze application logs and analytics.",
-		bundled: true,
-	},
-	{
-		name: "cloudflare-radar",
-		description:
-			"Global Internet traffic insights, trends, URL scans, and utilities.",
-	},
-	{
-		name: "cloudflare-containers",
-		description: "Spin up a sandbox development environment.",
-	},
-	{
-		name: "cloudflare-browser",
-		description:
-			"Fetch web pages, convert them to markdown, and take screenshots.",
-	},
-	{
-		name: "cloudflare-logpush",
-		description: "Quick summaries for Logpush job health.",
-	},
-	{
-		name: "cloudflare-ai-gateway",
-		description:
-			"Search AI Gateway logs and inspect prompts, responses, and token usage.",
-	},
-	{
-		name: "cloudflare-autorag",
-		description: "List and search documents on your AutoRAGs.",
-	},
-	{
-		name: "cloudflare-auditlogs",
-		description: "Query audit logs and generate reports for review.",
-	},
-	{
-		name: "cloudflare-dns-analytics",
-		description:
-			"Optimize DNS performance and debug issues based on current setup.",
-	},
-	{
-		name: "cloudflare-dex",
-		description:
-			"Digital Experience Monitoring — insights on critical applications.",
-	},
-	{
-		name: "cloudflare-casb",
-		description:
-			"Cloudflare One CASB — identify SaaS security misconfigurations.",
-	},
-	{
-		name: "cloudflare-graphql",
-		description: "Query analytics data through Cloudflare's GraphQL API.",
-	},
+const CODE_MODE_URL = "https://mcp.cloudflare.com/mcp";
+
+const allServers = await getCollection("cloudflare-mcps-manifest");
+
+// Code Mode first, then the rest in manifest order
+const servers = [
+	...allServers.filter((s) => s.data.url === CODE_MODE_URL),
+	...allServers.filter((s) => s.data.url !== CODE_MODE_URL),
 ];
+
+/**
+ * URLs of servers included in the cloudflare/skills plugin bundle
+ * (Claude Code, Cursor).
+ */
+const BUNDLED = new Set([
+	"https://mcp.cloudflare.com/mcp",
+	"https://docs.mcp.cloudflare.com/mcp",
+	"https://bindings.mcp.cloudflare.com/mcp",
+	"https://builds.mcp.cloudflare.com/mcp",
+	"https://observability.mcp.cloudflare.com/mcp",
+]);
 ---
 
 <ul class="agent-simple-list">
 	{
-		SERVERS.map((s) => (
+		servers.map((s) => (
 			<li class="agent-simple-item">
 				<span class="agent-simple-name">
-					{s.name}
-					{showBundled && s.bundled && (
+					{s.data.name}
+					{s.data.url === CODE_MODE_URL && (
+						<span class="agent-simple-tag agent-simple-tag--codemode">
+							code mode
+						</span>
+					)}
+					{showBundled && BUNDLED.has(s.data.url) && (
 						<span
 							class="agent-simple-tag"
 							title="Included in the cloudflare/skills plugin"
@@ -122,7 +51,8 @@ const SERVERS: McpServer[] = [
 						</span>
 					)}
 				</span>
-				<span class="agent-simple-desc">{s.description}</span>
+				<span class="agent-simple-desc">{s.data.description}</span>
+				<span class="agent-simple-url">{s.data.url}</span>
 			</li>
 		))
 	}