feat: generate server.json for extension site from google sheet (#756)

This commit is contained in:
Wendy Tang
2025-01-24 15:14:08 -08:00
committed by GitHub
parent f2952d654f
commit 28c9f99a12
6 changed files with 314 additions and 332 deletions
+79 -44
View File
@@ -1,4 +1,4 @@
import { Star, Download, Terminal, ChevronRight } from "lucide-react"; import { Star, Download, Terminal, ChevronRight, Info } from "lucide-react";
import { Badge } from "./ui/badge"; import { Badge } from "./ui/badge";
import { Button } from "./ui/button"; import { Button } from "./ui/button";
import { Card, CardContent, CardHeader } from "./ui/card"; import { Card, CardContent, CardHeader } from "./ui/card";
@@ -8,6 +8,15 @@ import { useState } from "react";
import { motion, AnimatePresence } from "motion/react"; import { motion, AnimatePresence } from "motion/react";
function getGooseInstallLink(server: MCPServer): string { function getGooseInstallLink(server: MCPServer): string {
if (server.is_builtin) {
const queryParams = [
'cmd=goosed',
'arg=mcp',
`arg=${encodeURIComponent(server.id)}`,
`description=${encodeURIComponent(server.id)}`
].join('&');
return `goose://extension?${queryParams}`;
}
const parts = server.command.split(" "); const parts = server.command.split(" ");
const baseCmd = parts[0]; // npx or uvx const baseCmd = parts[0]; // npx or uvx
const args = parts.slice(1); // remaining arguments const args = parts.slice(1); // remaining arguments
@@ -74,35 +83,47 @@ export function ServerCard({ server }: { server: MCPServer }) {
</div> </div>
<div className="py-4"> <div className="py-4">
<button {server.is_builtin ? (
onClick={() => setIsCommandVisible(!isCommandVisible)} <div className="flex items-center gap-2 text-sm dark:text-gray-300">
className="flex items-center gap-2 w-full hover:text-accent dark:text-gray-300 {/* <Terminal className="h-4 w-4" /> */}
dark:hover:text-accent/90 transition-colors" <Info className="h-4 w-4" />
> Can be enabled in the goose settings page
<Terminal className="h-4 w-4" /> </div>
<h4 className="font-medium">Command</h4> ) : (
<ChevronRight <>
className={`h-4 w-4 ml-auto transition-transform ${ <button
isCommandVisible ? "rotate-90" : "" onClick={() => setIsCommandVisible(!isCommandVisible)}
}`} className="flex items-center gap-2 w-full hover:text-accent dark:text-gray-300
/> dark:hover:text-accent/90 transition-colors"
</button>
<AnimatePresence>
{isCommandVisible && (
<motion.code
className="block bg-gray-100 dark:bg-gray-900 p-2 mt-2 rounded text-sm dark:text-gray-300 z-[-1]"
initial={{ opacity: 0, translateY: -20 }}
animate={{ opacity: 1, translateY: 0 }}
exit={{
opacity: 0,
translateY: -20,
transition: { duration: 0.1 },
}}
> >
goose session --with-extension "{server.command}" <Terminal className="h-4 w-4" />
</motion.code> <h4 className="font-medium">Command</h4>
)} <ChevronRight
</AnimatePresence> className={`h-4 w-4 ml-auto transition-transform ${
isCommandVisible ? "rotate-90" : ""
}`}
/>
</button>
<AnimatePresence>
{isCommandVisible && (
<motion.div
className="block bg-gray-100 dark:bg-gray-900 p-2 mt-2 rounded text-sm dark:text-gray-300 z-[-1]"
initial={{ opacity: 0, translateY: -20 }}
animate={{ opacity: 1, translateY: 0 }}
exit={{
opacity: 0,
translateY: -20,
transition: { duration: 0.1 },
}}
>
<code>
{`goose session --with-extension "${server.command}"`}
</code>
</motion.div>
)}
</AnimatePresence>
</>
)}
</div> </div>
</div> </div>
@@ -111,22 +132,36 @@ export function ServerCard({ server }: { server: MCPServer }) {
<Star className="h-4 w-4" /> <Star className="h-4 w-4" />
<span className="ml-1">{server.githubStars} on Github</span> <span className="ml-1">{server.githubStars} on Github</span>
</div> </div>
<a {server.is_builtin ? (
href={getGooseInstallLink(server)} <div
target="_blank" className="inline-block"
rel="noopener noreferrer" title="This extension is built into goose and can be enabled in the settings page"
className="no-underline"
>
<Button
size="icon"
variant="link"
className="group/download flex items-center justify-center text-xs leading-[14px] text-textSubtle px-0 transition-all"
title="Install with Goose"
> >
<span>Install</span> <Badge
<Download className="h-4 w-4 ml-2 group-hover/download:text-[#FA5204]" /> variant="secondary"
</Button> className="ml-2 text-xs cursor-help"
</a> >
Built-in
</Badge>
</div>
) : (
<a
href={getGooseInstallLink(server)}
target="_blank"
rel="noopener noreferrer"
className="no-underline"
>
<Button
size="icon"
variant="link"
className="group/download flex items-center justify-center text-xs leading-[14px] text-textSubtle px-0 transition-all"
title="Install with Goose"
>
<span>Install</span>
<Download className="h-4 w-4 ml-2 group-hover/download:text-[#FA5204]" />
</Button>
</a>
)}
</div> </div>
</CardContent> </CardContent>
</Card> </Card>
+8 -7
View File
@@ -1,15 +1,15 @@
import type { MCPServer } from '../types/server'; import type { MCPServer } from '../types/server';
export async function fetchMCPServers(): Promise<MCPServer[]> { export async function fetchMCPServers(): Promise<MCPServer[]> {
const baseUrl = import.meta.env.VITE_BASENAME || "";
try { try {
// Fetch all servers from the unified JSON file // Use absolute path from root
const response = await fetch(`${baseUrl}servers.json`); const url = '/servers.json';
const response = await fetch(url);
if (!response.ok) { if (!response.ok) {
throw new Error('Failed to fetch servers'); throw new Error(`Failed to fetch servers: ${response.status} ${response.statusText}`);
} }
const text = await response.text();
const servers = await response.json(); const servers = JSON.parse(text);
return servers.sort((a, b) => b.githubStars - a.githubStars); return servers.sort((a, b) => b.githubStars - a.githubStars);
} catch (error) { } catch (error) {
console.error('Error fetching servers:', error); console.error('Error fetching servers:', error);
@@ -17,6 +17,7 @@ export async function fetchMCPServers(): Promise<MCPServer[]> {
} }
} }
export async function searchMCPServers(query: string): Promise<MCPServer[]> { export async function searchMCPServers(query: string): Promise<MCPServer[]> {
const allServers = await fetchMCPServers(); const allServers = await fetchMCPServers();
const searchTerms = query.toLowerCase().split(' ').filter(term => term.length > 0); const searchTerms = query.toLowerCase().split(' ').filter(term => term.length > 0);
+83 -35
View File
@@ -3,19 +3,24 @@ import {
Download, Download,
Star, Star,
Terminal, Terminal,
ChevronRight,
ArrowLeft, ArrowLeft,
Info
} from "lucide-react"; } from "lucide-react";
import { Button } from "../components/ui/button"; import { Button } from "../components/ui/button";
import { Badge } from "../components/ui/badge"; import { Badge } from "../components/ui/badge";
import { Card, CardContent, CardHeader } from "../components/ui/card"; import { Card, CardContent, CardHeader } from "../components/ui/card";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { fetchMCPServers } from "../mcp-servers";
interface Server { interface Server {
id: string; id: string;
name: string; name: string;
description: string; description: string;
command: string; command: string;
link: string;
installation_notes: string;
is_builtin: boolean;
endorsed: boolean;
githubStars: number; githubStars: number;
environmentVariables: { environmentVariables: {
name: string; name: string;
@@ -46,18 +51,31 @@ export default function DetailPage() {
const { id } = useParams(); const { id } = useParams();
const [server, setServer] = useState<Server | null>(null); const [server, setServer] = useState<Server | null>(null);
const [isCommandVisible, setIsCommandVisible] = useState(true); const [isCommandVisible, setIsCommandVisible] = useState(true);
const serverUrl = "https://block.github.io/goose/v1/extensions/servers.json"; const [error, setError] = useState<string | null>(null);
const [isLoading, setIsLoading] = useState(true);
useEffect(() => { useEffect(() => {
fetch(serverUrl) const loadServer = async () => {
.then((res) => res.json()) try {
.then((servers) => { setIsLoading(true);
const matchingServer = servers.find((s: Server) => s.id === id); setError(null);
if (matchingServer) { const servers = await fetchMCPServers();
setServer(matchingServer); const foundServer = servers.find((s) => s.id === id);
if (!foundServer) {
setError(`Server with ID "${id}" not found`);
return;
} }
}); setServer(foundServer);
} catch (err) {
const errorMessage = err instanceof Error ? err.message : "Unknown error";
setError(`Failed to load server: ${errorMessage}`);
console.error("Error loading server:", err);
} finally {
setIsLoading(false);
}
};
loadServer();
}, [id]); }, [id]);
if (!server) { if (!server) {
@@ -134,22 +152,33 @@ export default function DetailPage() {
<p className="text-xl text-textSubtle">{server.description}</p> <p className="text-xl text-textSubtle">{server.description}</p>
{/* <Button className="mt-4">Download Goose for desktop</Button> */} {/* <Button className="mt-4">Download Goose for desktop</Button> */}
</div> </div>
<div>
<div className="space-y-2"> <p className="text-md text-textSubtle">{server.installation_notes}</p>
<div className="flex items-center gap-2 text-textStandard">
<Terminal className="h-4 w-4" />
<h4 className="font-medium">Command</h4>
</div>
<code className="block bg-gray-100 dark:bg-gray-900 p-2 rounded text-sm dark:text-gray-300">
goose session --with-extension "{server.command}"
</code>
</div> </div>
{server.environmentVariables.length > 0 && ( <div className="space-y-2">
<div className="space-y-4"> {server.is_builtin ? (
<h2 className="text-lg font-medium dark:text-gray-300"> <div className="flex items-center gap-2 text-sm dark:text-gray-300">
Environment Variables <Info className="h-4 w-4" />
</h2> Can be enabled in the goose settings page
</div>
) : (
<>
<div className="flex items-center gap-2 text-textStandard">
<Terminal className="h-4 w-4" />
<h4 className="font-medium">Command</h4>
</div>
<code className="block bg-gray-100 dark:bg-gray-900 p-2 rounded text-sm dark:text-gray-300">
{`goose session --with-extension "${server.command}"`}
</code>
</>
)}
</div>
<div className="space-y-4">
<h2 className="text-lg font-medium dark:text-gray-300">
Environment Variables
</h2>
{server.environmentVariables.length > 0 ? (
<div className=""> <div className="">
{server.environmentVariables.map((env) => ( {server.environmentVariables.map((env) => (
<div <div
@@ -170,8 +199,13 @@ export default function DetailPage() {
</div> </div>
))} ))}
</div> </div>
</div> ) : (
)} <div className="text-gray-600 dark:text-gray-400 text-sm flex items-center gap-2">
<Info className="h-4 w-4" />
No environment variables needed
</div>
)}
</div>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400"> <div className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
@@ -185,15 +219,29 @@ export default function DetailPage() {
rel="noopener noreferrer" rel="noopener noreferrer"
className="no-underline" className="no-underline"
> >
<Button {server.is_builtin ? (
size="icon" <div
variant="link" className="inline-block"
className="group/download flex items-center justify-center text-xs leading-[14px] text-textSubtle px-0 transition-all" title="This extension is built into goose and can be enabled in the settings page"
title="Install with Goose" >
> <Badge
<span>Install</span> variant="secondary"
<Download className="h-4 w-4 ml-2 group-hover/download:text-[#FA5204]" /> className="ml-2 text-xs cursor-help"
</Button> >
Built-in
</Badge>
</div>
) : (
<Button
size="icon"
variant="link"
className="group/download flex items-center justify-center text-xs leading-[14px] text-textSubtle px-0 transition-all"
title="Install with Goose"
>
<span>Install</span>
<Download className="h-4 w-4 ml-2 group-hover/download:text-[#FA5204]" />
</Button>
)}
</a> </a>
</div> </div>
</CardContent> </CardContent>
+20 -13
View File
@@ -89,19 +89,26 @@ export default function HomePage() {
) : ( ) : (
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3"> <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
{/* <AnimatePresence> */} {/* <AnimatePresence> */}
{servers.map((server, index) => ( {servers
<motion.div .sort((a, b) => {
key={server.id} // Sort built-in servers first
initial={{ if (a.is_builtin && !b.is_builtin) return -1;
opacity: 0, if (!a.is_builtin && b.is_builtin) return 1;
}} return 0;
animate={{ opacity: 1 }} })
exit={{ opacity: 0 }} .map((server, index) => (
transition={{ duration: 0.6 }} <motion.div
> key={server.id}
<ServerCard key={server.id} server={server} /> initial={{
</motion.div> opacity: 0,
))} }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
transition={{ duration: 0.6 }}
>
<ServerCard key={server.id} server={server} />
</motion.div>
))}
{/* </AnimatePresence> */} {/* </AnimatePresence> */}
</div> </div>
)} )}
+5 -1
View File
@@ -2,8 +2,12 @@ export interface MCPServer {
id: string; id: string;
name: string; name: string;
description: string; description: string;
githubStars: number;
command: string; command: string;
link: string;
installation_notes: string;
is_builtin: boolean;
endorsed: boolean
githubStars: number;
environmentVariables: { environmentVariables: {
name: string; name: string;
description: string; description: string;
+119 -232
View File
@@ -1,263 +1,150 @@
[ [
{ {
"id": "aws-kb-retrieval", "id": "developer",
"name": "AWS KB Retrieval", "name": "Developer",
"description": "Retrieval from AWS Knowledge Base using Bedrock Agent Runtime", "description": "Built-in developer tools for file editing and shell command execution",
"command": "npx -y @modelcontextprotocol/server-aws-kb-retrieval", "command": "",
"githubStars": 120, "link": "https://github.com/block/goose/tree/v1.0/crates/goose-mcp/src/developer",
"environmentVariables": [ "installation_notes": "This is a built-in extension that comes with Goose by default. No installation required.",
{ "is_builtin": true,
"name": "AWS_ACCESS_KEY_ID", "endorsed": true,
"description": "AWS access key ID", "githubStars": 356,
"required": true
},
{
"name": "AWS_SECRET_ACCESS_KEY",
"description": "AWS secret access key",
"required": true
},
{
"name": "AWS_REGION",
"description": "AWS region",
"required": true
}
]
},
{
"id": "brave-search",
"name": "Brave Search",
"description": "Web and local search using Brave's Search API",
"command": "npx -y @modelcontextprotocol/server-brave-search",
"githubStars": 95,
"environmentVariables": [
{
"name": "BRAVE_API_KEY",
"description": "API key for Brave Search",
"required": true
}
]
},
{
"id": "everart",
"name": "EverArt",
"description": "AI image generation using various models",
"command": "npx -y @modelcontextprotocol/server-everart",
"githubStars": 85,
"environmentVariables": [
{
"name": "EVERART_API_KEY",
"description": "API key for EverArt service",
"required": true
}
]
},
{
"id": "everything",
"name": "Everything",
"description": "Reference / test server with prompts, resources, and tools",
"command": "npx -y @modelcontextprotocol/server-everything",
"githubStars": 75,
"environmentVariables": [] "environmentVariables": []
}, },
{ {
"id": "fetch", "id": "nondeveloper",
"name": "Fetch", "name": "Non-developer",
"description": "Web content fetching and conversion for efficient LLM usage", "description": "Built-in tools for non-developer tasks and system interactions",
"command": "npx -y @modelcontextprotocol/server-fetch", "command": "",
"githubStars": 82, "link": "https://github.com/block/goose/tree/v1.0/crates/goose-mcp/src/nondeveloper",
"installation_notes": "This is a built-in extension that comes with Goose by default. No installation required.",
"is_builtin": true,
"endorsed": true,
"githubStars": 356,
"environmentVariables": [] "environmentVariables": []
}, },
{ {
"id": "filesystem", "id": "google_drive",
"name": "Filesystem",
"description": "Secure file operations with configurable access controls",
"command": "npx -y @modelcontextprotocol/server-filesystem",
"githubStars": 110,
"environmentVariables": [
{
"name": "ALLOWED_PATHS",
"description": "Comma-separated list of allowed filesystem paths",
"required": true
}
]
},
{
"id": "gdrive",
"name": "Google Drive", "name": "Google Drive",
"description": "File access and search capabilities for Google Drive", "description": "Built-in Google Drive integration for file management and access",
"command": "npx -y @modelcontextprotocol/server-gdrive", "command": "",
"githubStars": 92, "link": "https://github.com/block/goose/tree/v1.0/crates/goose-mcp/src/google_drive",
"installation_notes": "This is a built-in extension that comes with Goose by default. Can be accessed via goose://extension?cmd=goosed&arg=mcp&arg=google_drive&description=google_drive deeplink.",
"is_builtin": true,
"endorsed": true,
"githubStars": 356,
"environmentVariables": [ "environmentVariables": [
{ {
"name": "GOOGLE_CREDENTIALS", "name": "GOOGLE_DRIVE_OAUTH_PATH",
"description": "Google Cloud service account credentials JSON", "description": "Path to the OAuth config file (required)",
"required": true
}
]
},
{
"id": "git",
"name": "Git",
"description": "Tools to read, search, and manipulate Git repositories",
"command": "uvx mcp-server-git",
"githubStars": 95,
"environmentVariables": [
{
"name": "GIT_REPO_PATH",
"description": "Path to the Git repository",
"required": true
}
]
},
{
"id": "github",
"name": "GitHub",
"description": "Repository management, file operations, and GitHub API integration",
"command": "npx -y @modelcontextprotocol/server-github",
"githubStars": 130,
"environmentVariables": [
{
"name": "GITHUB_TOKEN",
"description": "GitHub personal access token",
"required": true
}
]
},
{
"id": "gitlab",
"name": "GitLab",
"description": "GitLab API, enabling project management",
"command": "npx -y @modelcontextprotocol/server-gitlab",
"githubStars": 88,
"environmentVariables": [
{
"name": "GITLAB_TOKEN",
"description": "GitLab personal access token",
"required": true "required": true
}, },
{ {
"name": "GITLAB_URL", "name": "GOOGLE_DRIVE_CREDENTIALS_PATH",
"description": "GitLab instance URL (defaults to gitlab.com)", "description": "Path to store OAuth credentials (required)",
"required": false
}
]
},
{
"id": "google-maps",
"name": "Google Maps",
"description": "Location services, directions, and place details",
"command": "npx -y @modelcontextprotocol/server-google-maps",
"githubStars": 87,
"environmentVariables": [
{
"name": "GOOGLE_MAPS_API_KEY",
"description": "Google Maps API key",
"required": true "required": true
},
{
"name": "GOOGLE_DRIVE_OAUTH_CONFIG",
"description": "OAuth config JSON string (optional, if not provided expects valid config file at GOOGLE_DRIVE_OAUTH_PATH)",
"required": false
} }
] ]
}, },
{ {
"id": "memory", "id": "memory",
"name": "Memory", "name": "Memory",
"description": "Knowledge graph-based persistent memory system", "description": "Built-in memory system for persistent context and information storage",
"command": "",
"link": "https://github.com/block/goose/tree/v1.0/crates/goose-mcp/src/memory",
"installation_notes": "This is a built-in extension that comes with Goose by default. No installation required.",
"is_builtin": true,
"endorsed": true,
"githubStars": 356,
"environmentVariables": []
},
{
"id": "jetbrains",
"name": "JetBrains",
"description": "Built-in JetBrains IDE integration for development workflows",
"command": "",
"link": "https://github.com/block/goose/tree/v1.0/crates/goose-mcp/src/jetbrains",
"installation_notes": "This is a built-in extension that comes with Goose by default. Can be accessed via goose://extension?cmd=goosed&arg=mcp&arg=jetbrains deeplink.",
"is_builtin": true,
"endorsed": true,
"githubStars": 356,
"environmentVariables": []
},
{
"id": "knowledge_graph_memory",
"name": "Knowledge Graph Memory",
"description": "Graph-based memory system for persistent knowledge storage",
"command": "npx -y @modelcontextprotocol/server-memory", "command": "npx -y @modelcontextprotocol/server-memory",
"githubStars": 105, "link": "https://github.com/modelcontextprotocol/servers/tree/main/src/memory",
"environmentVariables": [ "installation_notes": "Install using npx package manager. Note: Default memory graph location may be hard to find where npx installs the module.",
{ "is_builtin": false,
"name": "MEMORY_STORE_PATH", "endorsed": true,
"description": "Path to store the memory database", "githubStars": 7271,
"required": true
}
]
},
{
"id": "postgres",
"name": "PostgreSQL",
"description": "Read-only database access with schema inspection",
"command": "npx -y @modelcontextprotocol/server-postgres",
"githubStars": 98,
"environmentVariables": [
{
"name": "DATABASE_URL",
"description": "PostgreSQL connection string",
"required": true
}
]
},
{
"id": "puppeteer",
"name": "Puppeteer",
"description": "Browser automation and web scraping",
"command": "npx -y @modelcontextprotocol/server-puppeteer",
"githubStars": 85,
"environmentVariables": [] "environmentVariables": []
}, },
{ {
"id": "sentry", "id": "fetch",
"name": "Sentry", "name": "Fetch",
"description": "Retrieving and analyzing issues from Sentry.io", "description": "Web content fetching and processing capabilities",
"command": "npx -y @modelcontextprotocol/server-sentry", "command": "uvx mcp-server-fetch",
"githubStars": 78, "link": "https://github.com/modelcontextprotocol/servers/tree/main/src/fetch",
"environmentVariables": [ "installation_notes": "Install using uvx package manager. Note: Some sites may block access via robots.txt.",
{ "is_builtin": false,
"name": "SENTRY_AUTH_TOKEN", "endorsed": true,
"description": "Sentry authentication token", "githubStars": 7271,
"required": true
},
{
"name": "SENTRY_ORG",
"description": "Sentry organization slug",
"required": true
}
]
},
{
"id": "sequentialthinking",
"name": "Sequential Thinking",
"description": "Dynamic and reflective problem-solving through thought sequences",
"command": "npx -y @modelcontextprotocol/server-sequentialthinking",
"githubStars": 82,
"environmentVariables": [] "environmentVariables": []
}, },
{ {
"id": "slack", "id": "git",
"name": "Slack", "name": "Git",
"description": "Channel management and messaging capabilities", "description": "Git version control system integration",
"command": "npx -y @modelcontextprotocol/server-slack", "command": "npx -y @modelcontextprotocol/server-git",
"githubStars": 90, "link": "https://github.com/modelcontextprotocol/servers/tree/main/src/git",
"environmentVariables": [ "installation_notes": "Install using npx package manager. Note: Does not support git push, merge or rebase operations.",
{ "is_builtin": false,
"name": "SLACK_TOKEN", "endorsed": true,
"description": "Slack bot token", "githubStars": 7271,
"required": true
},
{
"name": "SLACK_CHANNEL",
"description": "Default Slack channel ID",
"required": false
}
]
},
{
"id": "sqlite",
"name": "Sqlite",
"description": "Database interaction and business intelligence capabilities",
"command": "npx -y @modelcontextprotocol/server-sqlite",
"githubStars": 85,
"environmentVariables": [
{
"name": "DATABASE_PATH",
"description": "Path to SQLite database file",
"required": true
}
]
},
{
"id": "time",
"name": "Time",
"description": "Time and timezone conversion capabilities",
"command": "npx -y @modelcontextprotocol/server-time",
"githubStars": 75,
"environmentVariables": [] "environmentVariables": []
},
{
"id": "tavily",
"name": "Tavily Web Search",
"description": "Web search capabilities powered by Tavily",
"command": "uvx mcp-tavily",
"link": "https://github.com/RamXX/mcp-tavily",
"installation_notes": "Install using uvx package manager. Requires Tavily API key.",
"is_builtin": false,
"endorsed": true,
"githubStars": 4,
"environmentVariables": [
{
"name": "TAVILY_API_KEY",
"description": "API key for Tavily web search service",
"required": true
}
]
},
{
"id": "figma",
"name": "Figma",
"description": "Figma design tool integration",
"command": "npx -y @hapins/figma-mcp",
"link": "https://www.npmjs.com/package/@hapins/figma-mcp",
"installation_notes": "Install using npx package manager. Requires Figma access token from user settings.",
"is_builtin": false,
"endorsed": true,
"githubStars": 0,
"environmentVariables": [
{
"name": "FIGMA_ACCESS_TOKEN",
"description": "Access token from Figma user settings",
"required": true
}
]
} }
] ]