Advertise
MCP.so
Sign In

.github MCP Server

@agentience

Repository

Basic information

Category

Media & Design

License

MIT

Transports

stdio

Author

agentience

About .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 config

Add this server to your MCP-compatible client using the configuration below.

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

.github MCP Server tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

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

Frequently asked questions

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.

Comments

More Media & Design MCP servers

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

Generate Greetings

Generate Greetings

Create greetings and personalized PNG cards for 30 occasions in 15 languages, including Hindi, Greek and Hebrew. Free remote MCP with curated phrases, occasion-matched backgrounds and four styles, including motivational.

P

Photo Mosaic & AI Collage Maker - Collager.ai

Collager.ai

Photo mosaic maker and AI photo collage maker: turn your own photos into a photo mosaic - one picture made of hundreds of your photos - or into a heart, number or word photo collage in seconds. No sign-in or API key need

UGCfy AI

UGCfy AI

Break down any TikTok or Instagram Reels ad and rewrite it for your product, right inside Claude, Cursor, or ChatGPT. Hooks, UGC scripts, and CPM. Free, no API key.

QR Planet QR Code MCP Server

qrplanet

QR Planet QR Code MCP Server - Hosted MCP server for QR Planet. Connect AI agents and MCP-compatible clients to create, update, design, route, and analyze dynamic QR Codes using your QR Planet API key.

1
Advertise