# beui

Подбирает и ставит анимированные React-компоненты beUI через MCP или реестр shadcn. Пригодится при сборке интерфейсов для чатов и агентов.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 844 установки · ★ 1879
- Автор: starc007
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/starc007/ui-components/tree/HEAD/skills/beui/SKILL.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/skills/beui

## Что делает

Скилл помогает агенту находить точные слаги компонентов beUI вместо того, чтобы придумывать виджеты с нуля. Инструмент связывает запрос разработчика с готовыми анимированными элементами React вроде шторок или карточек рассуждений агента.

Работа идёт через публичный MCP-сервер либо реестр shadcn. Агент вызывает команды `list_components` и `search_components`, чтобы изучить каталог, либо смотрит данные реестра через CLI. Установка выполняется раннерами `npx` или `pnpm` через команду `shadcn@latest add @beui/<slug>`.

Отдельного runtime-пакета `beui` не существует. Файлы компонентов копируются напрямую в кодовую базу с сохранением путей и алиасов проекта. Проверьте готовность проекта к компонентам shadcn заранее, чтобы установка не завершилась ошибкой.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add starc007/ui-components --skill beui -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/beui/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/beui/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add starc007/ui-components --skill beui -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/beui/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add starc007/ui-components --skill beui -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/beui/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install starc007/ui-components beui
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/beui/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add starc007/ui-components --skill beui -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/starc007/ui-components --path skills/beui
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/beui/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add starc007/ui-components --skill beui -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/starc007/ui-components/tree/HEAD/skills/beui/SKILL.md

## Когда брать
- подобрать точный слаг компонента в каталоге beUI
- установить анимированные шторки и карточки через shadcn CLI
- добавить трейс рассуждений и активность агента в чат-интерфейс
- встроить стек уведомлений без ручного расчёта анимаций

## Примеры запросов агенту
- Поставь анимированный стек тостов из beUI через shadcn
- Добавь компонент agent-activity для отображения шагов рассуждения
- Найди и установи мобильную шторку bottom-sheet из @beui

## Похожие
- [ai-elements](https://affpapa.org/nevibecode/skills/vercel-ai-elements.md) — скилл · 20400 установок
- [aceternity-ui](https://affpapa.org/nevibecode/skills/aceternity-ui.md) — скилл · 1500 установок
- [magic-ui](https://affpapa.org/nevibecode/skills/magic-ui.md) — скилл · 1200 установок
- [remocn](https://affpapa.org/nevibecode/skills/remocn.md) — скилл · 1700 установок
- [magicpath](https://affpapa.org/nevibecode/skills/magicpathai-magicpath.md) — скилл · 6300 установок
- [antd](https://affpapa.org/nevibecode/skills/antd.md) — скилл · 6100 установок

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md