SuperAPI AI 工具集

ui-development

前端与建站

查看项目

更新于 10-16 03:08

技能介绍

用途:在 Redpanda Console 项目中构建或修改 UI 组件与页面,涉及设计系统、registry、前端组件等场景时触发。

主要能力:调用 MCP 工具检索组件文档;从 src/components/redpanda-ui/ 取用 Registry 组件;通过 CLI 安装组件;按色板变体自定义外观;使用统一图标系统;遵循无障碍实践;修改 Registry 组件时按规范留痕。

使用方式:第一步先调用 mcp__redpanda-ui__search-docs 或 mcp__redpanda-ui__get_component 获取文档;写 UI 代码前先执行 mcp__redpanda-ui__get_component;用 ls src/components/redpanda-ui/ 查看现有组件;组件通过 CLI 安装而非复制源码。

关键规则:必须使用 Registry 组件;样式上不得在 Registry 组件上写行内 style prop 或直接加 margin 类名,间距与外观定制参考对应规则文件;禁止使用已废弃的 @redpanda-data/ui;禁止无用户要求就安装外部 UI 库。修改 src/components/redpanda-ui/ 内文件时需加 // UPSTREAM: 说明原因的注释,保持改动最小且向后兼容,并便于后续反哺上游 registry。

适用场景:Redpanda Console 前端页面与组件开发、设计系统组件复用、样式变体与图标使用。限制:资料未提供具体安装命令、代码示例、版本依赖、收费与效果说明。