cloudscape-codegen

Cloudscape Codegen 是一项专为开发者设计的代理技能，旨在利用 AWS Cloudscape Design System 加速构建专业且具备无障碍功能的 UI。该技能主要针对在 React、TypeScript 和 Vite 项目中工作的前端工程师，提供快速构建企业级界面样式的能力。通过遵循官方的 Cloudscape 组件库与设计令牌，此工具能确保生成的代码符合高度无障碍标准，在各种屏幕尺寸下保持响应式布局，并有效实现如 CRUD 表格、引导式向导 (Wizard) 及数据密集型详情页面等复杂模式。

本技能专注于现代 React 开发，提供完整的模块化 TSX 片段，涵盖加载、空数据与错误状态等处理逻辑。无论您是在迁移旧有 React 组件、构建新管理后台，还是建立多步骤配置流程，此工具都能提供稳固的基础结构，减少冗余代码并确保设计的一致性。

• 生成功能齐全的 Cloudscape 组件，如 AppLayout、ContentLayout、Table、Wizard、Form 与 Flashbar 等。

• 强制执行严格的无障碍默认配置，包括 ARIA 标签、键盘操作安全性以及明确的反馈机制。

• 管理复杂数据模式的状态，为异步操作、表单输入验证及用户反馈提供基础骨架。

• 简化 CRUD 清单视图、多步骤配置向导以及包含面包屑与元数据的详情页面的创建流程。

• 提供可直接导入的模块，无缝整合至标准的 React/TypeScript 开发工作流程中。

• 使用此技能来构建仪表板、资源管理页面以及复杂的设定流程。

• 提供高质量输出：包含完整的组件代码、必要的导入项以及真实的模拟数据处理。

• 非常适合采用 AWS 原生设计模式的团队，避免手动实现底层 UI 组件。

• 限制：技能假设项目环境使用 Cloudscape；它会避免捏造不存在的 API，并优先使用官方组件属性而非自定义 CSS。

• 若要获得最佳结果，请提供关于项目路由或状态管理库的上下文，以便代理程序适应项目结构。