syncfusion-react-blockeditor — скилл для Claude Code: блочный
Скилл помогает агенту подключить Syncfusion React BlockEditor: блочный редактор контента с меню, drag-and-drop и совместной работой.
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-blockeditor -a claude-codeЧто делает syncfusion-react-blockeditor
Скилл описывает компонент BlockEditorComponent из пакета @syncfusion/ej2-react-blockeditor. Контент в нём разбит на отдельные блоки: абзацы, заголовки, списки, таблицы, код, цитаты, врезки и сворачиваемые секции. Блоки можно перетаскивать, а содержимое выгружать в JSON, HTML или обычный текст.
Внутри — набор справочников, которые агент читает по мере задачи: установка и первый запуск, типы блоков, меню и слэш-команды, drag-and-drop, упоминания через @mention и метки, методы API, стилизация, расширенные возможности. Отдельный файл посвящён совместному редактированию: настройка Yjs, провайдеры вроде y-websocket, сервер на порту 1234, курсоры других пользователей и история версий со снимками. Есть раздел про доступность с опорой на WCAG 2.1.
Совместная работа требует WebSocket-сервера и зависимостей Yjs, поэтому для одиночного редактора этот блок настраивать не нужно. Скилл ставится одной командой через npx skills add и работает в шести платформах, включая Cursor и GitHub Copilot.
Какие задачи решает
- собрать редактор документов из блоков на React
- настроить слэш-меню и контекстные меню в редакторе
- добавить перетаскивание блоков и их вложенность
- подключить совместное редактирование с курсорами пользователей
- сделать историю версий со снимками документа
Примеры запросов агенту
- Подключи Syncfusion React BlockEditor и задай начальные блоки
- Настрой слэш-команды и контекстное меню в BlockEditorComponent
- Добавь совместное редактирование через Yjs с курсорами пользователей
Как установить syncfusion-react-blockeditor
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-blockeditor -a claude-code2Вручную: положить файлы
~/.claude/skills/syncfusion-react-blockeditor/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-blockeditor/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-blockeditor -a codex2Вручную: положить файлы
.agents/skills/syncfusion-react-blockeditor/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-blockeditor -a cursor2Вручную: положить файлы
.cursor/skills/syncfusion-react-blockeditor/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install syncfusion/react-ui-components-skills syncfusion-react-blockeditor2Вручную: положить файлы
.github/skills/syncfusion-react-blockeditor/SKILL.md1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-blockeditor -a gemini-cli2Командой платформы
gemini skills install https://github.com/syncfusion/react-ui-components-skills --path skills/syncfusion-react-blockeditorВручную: положить файлы
.devin/skills/syncfusion-react-blockeditor/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-blockeditor -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора15
Похожие
Вопросы о syncfusion-react-blockeditor
Как установить syncfusion-react-blockeditor в Claude?
Выполните npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-blockeditor -a claude-code. Файл скилла появится по пути ~/.claude/skills/syncfusion-react-blockeditor/SKILL.md.
Что делает syncfusion-react-blockeditor?
Помогает агенту внедрить блочный редактор контента из Syncfusion в React-приложение: блоки, меню, drag-and-drop, экспорт и совместная работа.
Что нужно для совместного редактирования?
Понадобятся зависимости Yjs и WebSocket-сервер, например на порту 1234. В скилле есть пошаговая настройка с файлом конфигурации и модулями Collaboration и VersionHistory.
