redpanda-frontend-kit
Meta-skill that runs the generic frontend-starter-kit plus additional React skills and Redpanda-specific registry workflow. Use when bootstrapping a new Redpanda frontend project or setting up the full Redpanda frontend stack.
Informations de source
- Dépôt
- redpanda-data/ui-harness
- Dernière activité de la source
- 8 mai 2026 à 11:21
- Langue détectée de SKILL.md
- anglais
- Étoiles
- 34
- Forks
- 4
Options d'installation
Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.
Vérifiez les fichiers source
Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.
Explorateur de fichiers
2 fichiersAffichage de SKILL.md
SKILL.md
Instructions source · Aperçu en lecture seule- name
- redpanda-frontend-kit
- description
- Meta-skill that runs the generic frontend-starter-kit plus additional React skills and Redpanda-specific registry workflow. Use when bootstrapping a new Redpanda frontend project or setting up the full Redpanda frontend stack.
# Redpanda Frontend Kit
Run **frontend-starter-kit** (14 setup + workflow skills), then add Redpanda tooling.
## Additional Setup
### Redpanda-specific
- **setup-registry-workflow** -- UI registry component workflow
### Redpanda environment (session-env.sh)
```bash
echo "export UI_LIB_DIRS=components/ui|redpanda-ui" >> "$CLAUDE_ENV_FILE"
echo "export REDPANDA_KIT=1" >> "$CLAUDE_ENV_FILE"
```
`REDPANDA_KIT=1` enables registry nudges (useProtoForm, Typography, KeyValueField, registry sync).
### Chakra UI ban (add to react-rules-check.sh)
```bash
if echo "$added_lines" | grep -qE "from\s+['\"]@chakra-ui/"; then
echo '{"suppressOutput":true,"systemMessage":"@chakra-ui/react banned. Use @/components/ui/."}' >&2
exit 2
fi
if echo "$added_lines" | grep -qE "from\s+['\"]@redpanda-data/ui['\"/]"; then
echo '{"suppressOutput":true,"systemMessage":"@redpanda-data/ui legacy (Chakra). Use redpanda-ui registry."}' >&2
exit 2
fi
```
## Steps
1. Run frontend-starter-kit (all 14 setup + workflow + community skills)
2. Configure Redpanda env vars
3. Add Chakra ban to react-rules-check.sh
4. Run setup-registry-workflow
## Verify
- [ ] All hooks executable, settings.json complete
- [ ] `REDPANDA_KIT=1` in session env
- [ ] connect-query-check.sh match detected protobuf version
Voir sur GitHub