# assistant-ui

Помогает проектировать чат-интерфейсы на React: подсказывает архитектуру, выбор пакетов, рантаймов и хуков библиотеки assistant-ui.

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

## Что делает

Скилл выступает архитектурным навигатором по библиотеке assistant-ui линейки 0.15.x. Он объясняет разделение на слои: базовые примитивы `@assistant-ui/react`, стилизованные элементы, клиентское состояние `aui` и независимое ядро `@assistant-ui/core`. Если нужно быстро собрать интерфейс, скилл покажет команду CLI или проведёт через ручную сборку разметки на примитивах.

Внутри описана схема выбора рантайма под конкретный бэкенд. Для Vercel AI SDK v7 используется связка с `@assistant-ui/ai-sdk` и хук `useChatRuntime`, а для сторонних серверов предусмотрены адаптеры LangGraph, LangChain, Google ADK, A2A, AG-UI или Eve. Стилизованные компоненты здесь не ставятся отдельным npm-пакетом. Их копируют в проект командой `npx assistant-ui@latest add`. Об этом легко забыть при первой настройке.

## Установка

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

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

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

### Codex

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

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

### Cursor

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

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install assistant-ui/skills assistant-ui
```

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

### Gemini CLI

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

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

### Windsurf (Devin Desktop)

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

### OpenCode

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

### Claude.ai

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

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

## Когда брать
- выбрать подходящий runtime-адаптер под LangGraph, AI SDK или Google ADK
- разобраться в архитектурных слоях библиотеки assistant-ui
- настроить базовый чат с помощью useChatRuntime и элементов thread
- управлять состоянием треда через хуки useAui, useAuiState и useAuiEvent

## Примеры запросов агенту
- Объясни, какой рантайм assistant-ui выбрать для интеграции с LangGraph
- Покажи, как инициализировать базовый чат с помощью @assistant-ui/ai-sdk и компонента Thread
- Как обновлять сообщения и отслеживать события через useAui и useAuiState?

## Похожие
- [ai-sdk](https://affpapa.org/nevibecode/skills/vercel-ai-sdk.md) — скилл · 66100 установок
- [vercel-development](https://affpapa.org/nevibecode/skills/vercel-development.md) — скилл · 712 установок
- [ai-elements](https://affpapa.org/nevibecode/skills/ai-elements.md) — скилл · 7 установок
- [json-render](https://affpapa.org/nevibecode/skills/json-render.md) — скилл · 4 установки
- [agent-elements](https://affpapa.org/nevibecode/skills/agent-elements.md) — скилл · 724 установки
- [shadcn](https://affpapa.org/nevibecode/skills/shadcn-ui-shadcn.md) — скилл · 123300 установок

Из того же набора: [assistant-ui/skills](https://affpapa.org/nevibecode/by/assistant-ui/skills.md) — 13 карточек

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

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