Cloudscape MCP助手
为Roo AI集成AWS Cloudscape组件库，提升前端开发效率。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Cloudscape MCP助手。 它的用途是：为Roo AI集成AWS Cloudscape组件库，提升前端开发效率。 完整的 Skill 内容见：https://321skill.com/skills/cloudscape-mcp助手/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要一个使用Cloudscape的页面布局，顶部有导航栏，左侧是折叠菜单，主内容区显示一个包含分页的数据表格。”，它会理解您的需求，并生成结构清晰、符合Cloudscape规范的React组件代码，包括正确的import语句和组件属性配置。
介绍
本Skill是一个MCP（Model Context Protocol）服务器，旨在增强Roo AI的能力，使其能够与AWS Cloudscape设计系统深度集成。它解决了开发者在构建符合AWS设计规范的前端界面时，需要频繁查阅文档、手动编写组件代码的痛点。
通过安装此Skill，Roo AI可以理解Cloudscape组件的设计模式、API和最佳实践。开发者可以直接向AI描述界面需求，AI便能生成或推荐合适的Cloudscape组件代码，甚至协助完成组件发现、属性配置和布局设计。
它主要适合那些使用或计划使用AWS Cloudscape设计系统进行Web应用开发的前端工程师、全栈开发者和UI设计师。对于在AWS生态内构建一致性用户界面的团队而言，此Skill能显著提升原型设计和开发阶段的速度。
使用前请确保您的开发环境已配置好Roo AI和MCP客户端。由于它深度绑定AWS Cloudscape，如果您使用的是其他UI库（如Ant Design、Material-UI），则此Skill可能不适用。建议在项目初期或进行大规模界面重构时启用，以获得最大收益。
核心特点
与通用的前端代码生成Skill不同，它专门针对AWS官方的Cloudscape设计系统进行优化，能精准理解其特有的组件体系、设计令牌和交互模式，生成的代码更符合AWS的设计规范。
注意事项
不适用于不使用AWS Cloudscape设计系统的项目或需要生成其他UI框架（如React Bootstrap、Ant Design）代码的场景。
常见问题
这个Skill能帮我写什么代码？
主要协助生成和优化基于AWS Cloudscape组件库的React前端代码，包括组件调用、属性配置和布局实现。
需要提前安装AWS Cloudscape吗？
是的，您的项目需要已安装并配置好@cloudscape-design/components等相关NPM包，此Skill主要提供智能编码辅助。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/cloudscape-mcp助手/raw/index.md 读取 Cloudscape MCP助手 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/cloudscape-mcp助手/raw/index.md（查看排版版本）