·ai-elements
</>

ai-elements

Библиотека компонентов AI Elements для приложений, ориентированных на искусственный интеллект. Используйте при создании чат-ботов, рабочих процессов искусственного интеллекта или интеграции с перехватчиком useChat Vercel AI SDK.

21Установки·0Тренд·@laguagu

Установка

$npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements

Как установить ai-elements

Быстро установите AI-навык ai-elements в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: laguagu/claude-code-nextjs-skills.

| Conversation | Auto-scroll chat container | | Message | Single message wrapper (user/assistant) | | MessageResponse | Streaming markdown renderer (uses streamdown) | | PromptInput | Rich input with attachments, model picker | | Reasoning | Collapsible thinking display | | Sources | Citation/reference display | | Tool | Tool execution visualization |

| ChainOfThought | Step-by-step breakdown | | InlineCitation | Inline citation badge with hover card carousel | | Plan | Collapsible plan card with streaming title | | Task | Collapsible task breakdown display | | Queue | Todo/message queue with sections |

| Canvas | React Flow wrapper for visual workflows | | Node | Workflow node with header/content/footer | | Edge | Animated/temporary edge connections | | Controls | Zoom/fit view controls | | Panel | Positioned overlay panels | | Context | Token usage tracking display |

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from laguagu/claude-code-nextjs-skills

Короткие ответы

Что такое ai-elements?

Библиотека компонентов AI Elements для приложений, ориентированных на искусственный интеллект. Используйте при создании чат-ботов, рабочих процессов искусственного интеллекта или интеграции с перехватчиком useChat Vercel AI SDK. Источник: laguagu/claude-code-nextjs-skills.

Как установить ai-elements?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill ai-elements После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/laguagu/claude-code-nextjs-skills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01