AWS Cloudscape组件文档服务器

AWS Cloudscape MCP服务器为构建AWS控制台应用程序的团队提供组件文档、搜索功能和设计最佳实践。

  • by goldhand
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 goldhand/aws-cloudscape-mcp-server

使用说明

AWS Cloudscape MCP服务器

模型上下文协议(MCP)服务器,为构建AWS Console应用程序的团队提供有关AWS Cloudscape设计系统的知识和文档。

特性

  • 组件文档:通过资源访问Cloudscape组件的文档
  • 搜索功能:按名称、描述或用例搜索组件
  • 建议:根据UI要求获取组件建议
  • 最佳实践:访问Cloudscape设计最佳实践
  • 设计模式:了解常见的AWS控制台设计模式

安装

选项1:从npm安装(推荐)

# Install globally
npm install -g aws-cloudscape-mcp-server

# Add to your Cline MCP settings
npx mcp-config add aws-cloudscape-mcp-server

选项2:手动设置

  1. 克隆存储库:
git clone https://github.com/yourusername/aws-cloudscape-mcp-server.git
cd aws-cloudscape-mcp-server
  1. 安装依赖项并构建:
npm install
npm run build
  1. 通过编辑手动添加到Cline MCP设置中: ~/Library/Application Support/Code/User/globalStorage/asbx.amzn-cline/settings/cline_mcp_settings.json
"aws-cloudscape-mcp-server": {
  "command": "node",
  "args": ["/path/to/aws-cloudscape-mcp-server/build/index.js"],
  "env": {
    "FASTMCP_LOG_LEVEL": "ERROR"
  },
  "disabled": false,
  "autoApprove": []
}

用法

安装并添加到Cline MCP设置后,您可以通过Cline界面使用服务器:

可用资源

  • 组件文档: cloudscape://component/button
  • 设计模式文档: cloudscape://pattern/empty-state
  • 类别概述: cloudscape://category/Form

可用工具

  • search_components:按查询和类别搜索组件
  • get_component_recommendation:获取特定UI需求的组件建议

可用提示

  • cloudscape_best_practices:使用AWS Cloudscape设计系统的最佳实践
  • aws_console_patterns:常见的AWS控制台设计模式

发展

# Install dependencies
npm install

# Build the server
npm run build

# Run in watch mode during development
npm run watch

# Test with the MCP inspector
npm run inspector

出版

要将此包发布到npm:

  1. 更新package.json中的版本
  2. 构建包: npm run build
  3. 发布: npm publish

许可证

麻省理工学院