SuperAPI AI 工具集

redpanda-frontend-kit

前端与建站

查看项目

更新于 10-16 07:27

技能介绍

用途:Redpanda Frontend Kit 是一个元技能(meta-skill),用于在通用前端脚手架 frontend-starter-kit 之上,追加 React 相关技能与 Redpanda 专用的注册表(registry)工作流,适用于引导(bootstrapping)新的 Redpanda 前端项目。

主要能力:先运行 frontend-starter-kit(包含 14 个 setup 与 workflow 技能),再添加 Redpanda 工具链。Redpanda 专用部分包含 setup-registry-workflow,用于 UI 注册表组件工作流。通过环境变量 REDPANDA_KIT=1 启用注册表提示(registry nudges),涉及 useProtoForm、Typography、KeyValueField 与 registry sync。

使用方式:配置 Redpanda 环境变量(session-env.sh),执行:echo "export UI_LIB_DIRS=components/ui|redpanda-ui" >> "$CLAUDE_ENV_FILE" 与 echo "export REDPANDA_KIT=1" >> "$CLAUDE_ENV_FILE"。随后在 react-rules-check.sh 中加入 Chakra UI 禁用规则,检测到从 @chakra-ui/ 或 @redpanda-data/ui 导入时输出提示并退出。步骤为:运行 frontend-starter-kit(全部 14 个 setup、workflow 与 community 技能)、配置 Redpanda 环境变量、向 react-rules-check.sh 添加 Chakra 禁用规则、运行 setup-registry-workflow。

验证:确认所有 hooks 可执行、settings.json 完整、会话环境中存在 REDPANDA_KIT=1、connect-query-check.sh 能检测到匹配的 protobuf 版本。

限制:资料未提供支持的平台、收费方式、价格或具体效果说明,暂未提供。