React Design Systems MCP

by agentience

188 downloads Not rated yet MIT license

About

This is a Model Context Protocol (MCP) server that provides comprehensive information about AWS Cloudscape Design System components, along with code generation capabilities for common Cloudscape patterns. The server is implemented in TypeScript for improved type safety and develo

Details

License
MIT license

Explore

- Search for Cloudscape components with advanced options
- Get detailed information about components
- Generate code for components with customization options
- Generate code for common patterns
- Get setup instructions for the frontend-code mode
- Get component properties
- Get component examples
- Validate component props
- Get component patterns
- Compare components
- Generate multi-component layouts

npm install


bash

npm install @agentience/react-design-systems-mcp


bash

npm install -g @agentience/react-design-systems-mcp

npm install -g @agentience/react-design-systems-mcp

npm version

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 Design, and other popular React design systems in the future.

Features

- Search for Cloudscape components with advanced options
- Get detailed information about components
- Generate code for components with customization options
- Generate code for common patterns
- Get setup instructions for the frontend-code mode
- Get component properties
- Get component examples
- Validate component props
- Get component patterns
- Compare components
- Generate multi-component layouts

Installation

For Development

```bash

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.