К основному содержанию
скилл CX Codex

syncfusion-react-scheduler — скилл для Claude Code: установка

Помогает встраивать в React календарь Syncfusion с расписанием встреч, поддержкой таймзон и перетаскиванием. Подходит для систем бронирования переговорных или визитов специалистов.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-scheduler -a claude-code
Открыть на GitHub

Что делает syncfusion-react-scheduler

Скилл даёт агенту инструкции и правила для сборки интерфейсов на базе React Scheduler от Syncfusion. С его помощью модель настраивает режимы отображения вроде Day, Week, Month, Timeline, Agenda и Year, подключает удалённые REST-источники через DataManager и задаёт правила повторения встреч по стандарту RRULE.

Компонент поддерживает буферные отрезки до и после записей через eventSettings.enableBuffer. Длительность задаётся в минутах. При значении allowOverlap: false календарь автоматически учитывает эти промежутки при поиске пересечений в сетке. Встроена поддержка WebMCP, через которую внешние MCP-клиенты создают и удаляют записи вызовами addEvent и deleteEvent.

Все поля встреч скилл считает ненадёжным контентом только для отображения: встроенные в текст описания команды агент игнорирует. При вызове инструментов WebMCP безопасность требует ограничить список разрешённых доменов в webMcpSettings.exposedTo.

Какие задачи решает

  • настроить интерактивную сетку расписания с переносом и растягиванием событий
  • добавить буферное время до и после записи для перерывов или подготовки
  • сгруппировать события по исполнителям, кабинетам или рабочему оборудованию
  • подключить внешнее управление бронированием через методы WebMCP

Примеры запросов агенту

  • Создай компонент расписания Syncfusion с режимами Week и Timeline, добавив 15 минут буфера до события
  • Настрой группировку календаря по трём врачам и включи блокировку накладок через allowOverlap
  • Подключи WebMCP к планировщику и настрой доверенные домены в webMcpSettings.exposedTo

Как установить syncfusion-react-scheduler

1Через Skills CLI (Vercel)

npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-scheduler -a claude-code

2Вручную: положить файлы

~/.claude/skills/syncfusion-react-scheduler/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-scheduler/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о syncfusion-react-scheduler

Как установить syncfusion-react-scheduler в Claude Code?

Выполните в терминале команду npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-scheduler -a claude-code. Файл настроек сохранится в ~/.claude/skills/syncfusion-react-scheduler/SKILL.md.

Что делает скилл syncfusion-react-scheduler?

Он предоставляет агенту готовые шаблоны и правила для генерации календарей Syncfusion: выбор представлений, привязка данных, буферные зоны и экспорт расписаний.

Как защитить планировщик от скрытых инструкций в тексте встреч?

Скилл запрещает агенту исполнять команды из названий или описаний событий. Текст расписания считается изолированным отображаемым контентом.

Похожие скиллы

Все скиллы по теме «Фронтенд и UI» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

Из того же набора57

syncfusion-react-grid Помогает агенту настраивать таблицы Syncfusion React Grid с сортировкой, фильтрацией, пагинацией и виртуальным скроллингом. CX Codex +1 823установок syncfusion-react-gantt-chart Помогает внедрить и настроить компонент диаграммы Ганта от Syncfusion в React. Полезен при работе с расписанием задач, связями, ресурсами и экспортом в Excel или PDF. CX Codex +1 773установок syncfusion-react-rich-text-editor Помогает настроить редактор RichTextEditorComponent из пакета ej2-react-richtexteditor в проектах на React. Пригодится для сборки HTML- или Markdown-редактора с панелью инструментов и медиа. CX Codex +1 757установок syncfusion-react-charts Скилл помогает собирать графики Syncfusion в React: настраивать оси, серии, данные и интерактивность. Пригодится для дашбордов и аналитики. CX Codex +1 749установок syncfusion-react-treegrid Помогает настраивать React-компонент TreeGrid от Syncfusion: строить иерархические таблицы, привязывать данные и включать экспорт. CX Codex +1 746установок syncfusion-react-common Скилл помогает агенту настраивать общие функции Syncfusion React: локализацию, RTL, анимации, drag-and-drop и сохранение состояния. CX Codex +1 732установок syncfusion-react-file-manager Помогает настроить компонент файлового менеджера Syncfusion в React: от локального JSON до подключения к Azure Blob Storage или S3. Пригодится при сборке проводника с загрузкой файлов. CX Codex +1 729установок syncfusion-react-themes Скилл помогает настраивать темы Syncfusion React, тёмный режим, CSS-переменные, иконки и размеры компонентов. Нужен при работе с визуальным стилем интерфейса. CX Codex +1 729установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой