広告掲載
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.

コメント

「メディアとデザイン」の他のコンテンツ

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

Veltake Studio

Veltake AI

Drive Veltake Studio from any AI agent: create film and ad projects, have the Studio agent build scenes on the canvas, price and start renders, export edited cuts, and make single images, video, speech and music in one c

GPT Image 2.5 MCP

you.bot

Generate and edit images with GPT Image 2.5 for $0.029 each. A free you.bot key (not an OpenAI key) comes with 50 credits — about 17 images — and needs no credit card.

PostNitro

PostNitro Inc.

The PostNitro MCP server lets AI assistants and agents — Claude (Desktop, Code, and Cowork), Cursor, ChatGPT, and any other Model Context Protocol client — create carousels, image posts, and videos, manage brand kits, a

A

AdvisorIQ

Continuing education rules for US financial advisors (CFP, CFA, IWI, IAR by state, FINRA, American College) with official sources and verified dates, plus firm-level data, national and state rankings and market stats on

広告掲載