广告合作
MCP.so
登录

.github MCP Server

@agentience

代码仓库

基本信息

分类

媒体与设计

许可证

MIT

传输方式

stdio

作者

agentience

关于 .github MCP Server

A Model Context Protocol (MCP) server that provides comprehensive information about React design systems, along with code generation capabilities for common UI patterns. Currently supports AWS Cloudscape Design System, with plans to add support for Material UI, Chakra UI, Ant Des

#react-design-systems#mcp#ui-patterns

.github MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "react-design-systems-mcp": {
      "command": "docker",
      "args": [
        "pull",
        "ghcr.io/agentience/react-design-systems-mcp:latest"
      ]
    }
  }
}

.github MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is .github?

.github is a Model Context Protocol (MCP) server that provides comprehensive information about React design systems, currently focused exclusively on the AWS Cloudscape Design System. It includes component search, usage guidelines, code generation, and pattern libraries. It is built with FastMCP and TypeScript, targeting developers building React applications with design systems.

How to use .github?

Install globally with npm install -g @agentience/react-design-systems-mcp and run react-design-systems-mcp, or add it as a dependency. For Claude Desktop, configure it as an MCP server in the claude_desktop_config.json using npx @agentience/react-design-systems-mcp. The server supports --transport (stdio or sse), --port, and --bind parameters.

Key features of .github?

  • Search Cloudscape components with advanced filtering
  • Get detailed component information including properties, events, and functions
  • Access component usage guidelines via cloudscape://usage/{componentId} resources
  • Generate component code with customization options
  • Validate component props and configurations
  • Support for code generation of UI patterns and multi-component layouts

Use cases of .github

  • Quickly find and compare Cloudscape components during development
  • Generate boilerplate React code for AWS Cloudscape components
  • Retrieve usage guidelines and best practices for Cloudscape components
  • Validate component property configurations before implementation
  • Integrate with Claude Desktop to accelerate frontend development workflows

常见问题

1

What design systems does .github support?

Currently it only supports the AWS Cloudscape Design System. Future versions plan to add Material UI, Chakra UI, Ant Design, Blueprint, and Mantine.

2

What are the runtime requirements?

Node.js 24.0.1 or higher and npm 10.x or higher are required.

3

How can I deploy .github with Docker?

You can pull the image from GitHub Container Registry (`ghcr.io/agentience/react-design-systems-mcp:latest`) or use Docker Compose from the repository.

4

What transport types are available?

The server supports `stdio` (default) and `sse` (Server-Sent Events) transports, configurable via the `--transport` flag.

5

How do I configure .github with Claude Desktop?

Add a `mcpServers` entry in your Claude Desktop configuration file with the command `npx @agentience/react-design-systems-mcp`. Example configuration is provided in the README.

评论

媒体与设计 分类下的更多 MCP 服务器

SceneF — California + Hawaii Movie Showtimes

SceneF

Built by movie lovers, for movie lovers and their assistants. SceneF puts every screen in California and Hawaii on one board — 33 regions, from San Francisco's single-screen neighborhood houses and nightly repertory cale

Constants

Constants AI

One workspace of tools for Claude and ChatGPT. Connect apps, generate video, music, and ads, and build new tools on demand. Generate and publish ad creative directly from your assistant.

Blaze

Blaze

Plan, create and schedule social media content from your AI assistant. Blaze makes on-brand posts, carousels and short videos, writes blog posts and newsletters, and schedules them to Instagram, TikTok, YouTube, LinkedIn

agent-media

agent-media

Hosted MCP server (OAuth, no API keys) that makes short drama series (micro-dramas, sitcoms, K-drama style, any language) and other short vertical videos from Claude, ChatGPT or Codex, with the same cast every episode.

CoDesign

IMG.LY

Give your AI agent a real design engine. Create, edit and export real, editable designs from Claude Code, Codex, Cursor and more.

广告合作