syncfusion-react-inline-ai-assist — скилл для Claude Code
Скилл помогает добавить в React Inline AI Assist от Syncfusion: подсказки, команды, ответы и подключение AI-сервисов. Нужен при сборке AI-интерфейса.
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-inline-ai-assist -a claude-codeЧто делает syncfusion-react-inline-ai-assist
Скилл описывает реализацию компонента InlineAIAssistComponent из @syncfusion/ej2-react-interactive-chat. Он помогает настроить подсказки в тексте, потоковую выдачу, команды, действия над ответами, шаблоны редактора и панели ответа, а также режимы inline и popup.
Внутри есть инструкции по событиям, публичным методам, истории промптов, темам Syncfusion, i18n и RTL. Отдельные разделы посвящены OpenAI, Gemini, Lite-LLM и Ollama, включая настройку enableStreaming. Для голосового ввода используется Web Speech API через speechToTextSettings, поэтому браузерная поддержка этого API влияет на такую функцию.
Скилл рассчитан на React-проект и показывает настройку promptRequest, addResponse() и executePrompt(). Для подключения внешнего AI-сервиса понадобятся его учётные данные.
Какие задачи решает
- добавить AI-подсказки в React-интерфейс
- подключить OpenAI, Gemini, Lite-LLM или Ollama
- настроить команды и действия над ответами
- включить потоковую выдачу и голосовой ввод
Примеры запросов агенту
- Добавь в React-приложение
InlineAIAssistComponentиз@syncfusion/ej2-react-interactive-chatи настрой обработкуpromptRequest. - Настрой
speechToTextSettingsдля голосового ввода с промежуточными расшифровками. - Подключи Ollama и включи
enableStreamingдля ответов AI.
Как установить syncfusion-react-inline-ai-assist
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-inline-ai-assist -a claude-code2Вручную: положить файлы
~/.claude/skills/syncfusion-react-inline-ai-assist/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-inline-ai-assist/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-inline-ai-assist -a codex2Вручную: положить файлы
.agents/skills/syncfusion-react-inline-ai-assist/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-inline-ai-assist -a cursor2Вручную: положить файлы
.cursor/skills/syncfusion-react-inline-ai-assist/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install syncfusion/react-ui-components-skills syncfusion-react-inline-ai-assist2Вручную: положить файлы
.github/skills/syncfusion-react-inline-ai-assist/SKILL.md1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-inline-ai-assist -a gemini-cli2Командой платформы
gemini skills install https://github.com/syncfusion/react-ui-components-skills --path skills/syncfusion-react-inline-ai-assistВручную: положить файлы
.devin/skills/syncfusion-react-inline-ai-assist/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-inline-ai-assist -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о syncfusion-react-inline-ai-assist
Как установить syncfusion-react-inline-ai-assist в Claude Code?
Выполни npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-inline-ai-assist -a claude-code, затем обратись к файлу ~/.claude/skills/syncfusion-react-inline-ai-assist/SKILL.md.
Что делает syncfusion-react-inline-ai-assist?
Скилл помогает реализовать Syncfusion Inline AI Assist в React: подключить AI-сервисы, настроить промпты, команды, ответы, шаблоны, события и потоковую выдачу.
Какие AI-сервисы поддерживает скилл?
В описании есть интеграции с OpenAI, Google Gemini, Lite-LLM и Ollama. Для них предусмотрена настройка учётных данных и потоковых ответов.
