Add feature legend table to clients page

Documents what each color-coded badge represents with a table showing
feature names, colors, and brief descriptions.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: jonathanhefner

docs/clients.mdx

@@ -20,6 +20,11 @@ export const FEATURE_COLORS = {
   Apps: "orange",
 };
 
+export const FeatureBadge = ({ feature }) => {
+  const color = FEATURE_COLORS[feature.split(" (")[0]] || "gray";
+  return <Badge shape="pill" stroke color={color}>{feature}</Badge>;
+};
+
 export const filterStore = {
   state: {
     selectedFeatures: [],
@@ -217,9 +222,7 @@ export const McpClient = ({ name, homepage, supports, sourceCode, instructions,
               <strong>Supports:</strong>
               <span className="flex flex-wrap gap-1">
                 {features.map(feature => (
-                  <Badge key={feature} shape="pill" stroke color={FEATURE_COLORS[feature.split(" (")[0]] || "gray"}>
-                    {feature}
-                  </Badge>
+                  <FeatureBadge key={feature} feature={feature} />
                 ))}
               </span>
             </div>
@@ -274,7 +277,20 @@ export const McpClient = ({ name, homepage, supports, sourceCode, instructions,
 
 {/* prettier-ignore-end */}
 
-This page provides an overview of applications that support the Model Context Protocol (MCP). Each client may support different MCP features, allowing for varying levels of integration with MCP servers.
+This page showcases applications that support the Model Context Protocol (MCP). Each client may support different MCP features:
+
+| Feature                                 | Description                                               |
+| --------------------------------------- | --------------------------------------------------------- |
+| <FeatureBadge feature="Resources" />    | Server-exposed data and content                           |
+| <FeatureBadge feature="Prompts" />      | Pre-defined templates for LLM interactions                |
+| <FeatureBadge feature="Tools" />        | Executable functions that LLMs can invoke                 |
+| <FeatureBadge feature="Discovery" />    | Support for tools/prompts/resources changed notifications |
+| <FeatureBadge feature="Instructions" /> | Server-provided guidance for LLMs                         |
+| <FeatureBadge feature="Sampling" />     | Server-initiated LLM completions                          |
+| <FeatureBadge feature="Roots" />        | Filesystem boundary definitions                           |
+| <FeatureBadge feature="Elicitation" />  | User information requests                                 |
+| <FeatureBadge feature="Tasks" />        | Long-running operation tracking                           |
+| <FeatureBadge feature="Apps" />         | Interactive HTML interfaces                               |
 
 <Note>