скилл CX Codex

syncfusion-react-common — скилл для Claude Code: React-функции

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

Выполните `npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-common -a claude-code`, затем проверьте файл `~/.claude/skills/syncfusion-react-common/SKILL.md`.

Q: Что нужно для активации лицензии Syncfusion?

Нужен ключ Syncfusion. Его задают в переменной `SYNCFUSION_LICENSE`, после чего запускают `npx syncfusion-license activate`.

Скилл помогает агенту настраивать общие функции Syncfusion React: локализацию, RTL, анимации, drag-and-drop и сохранение состояния.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓

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

Открыть на GitHub

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

syncfusion-react-common подсказывает, как подключать Syncfusion React-компоненты и настраивать функции, общие для разных частей интерфейса. Он охватывает RTL для арабского, иврита и персидского, локализацию, интернационализацию через CLDR, форматы чисел, валют, дат и времени, а также шаблоны и санитизацию HTML.

В составе есть инструкции по установке пакетов и CSS, базовой настройке компонентов, а также отдельные материалы по глобализации и расширенным возможностям. Агент может помочь включить сохранение состояния через enablePersistence, добавить эффекты анимации или связать перетаскиваемый и целевой элементы. Для активации лицензии нужен ключ Syncfusion: его задают через SYNCFUSION_LICENSE, затем запускают npx syncfusion-license activate.

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

настроить RTL для React-компонентов
добавить локализацию и форматы дат
сохранить состояние компонента между сессиями
связать элементы через drag-and-drop
санитизировать HTML в шаблонах

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

Настрой RTL для ListViewComponent и покажи, где включить его глобально.
Добавь к GridComponent сохранение состояния через enablePersistence.
Сделай анимацию появления элемента и свяжи draggable с droppable.

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

1Через Skills CLI (Vercel)

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

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

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

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

1Через Skills CLI (Vercel)

npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-common -a codex

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

.agents/skills/syncfusion-react-common/SKILL.md

Для всех проектов — ~/.agents/skills/

1Через Skills CLI (Vercel)

npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-common -a cursor

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

.cursor/skills/syncfusion-react-common/SKILL.md

Cursor читает и .agents/skills/, и .claude/skills/

1GitHub CLI

gh skill install syncfusion/react-ui-components-skills syncfusion-react-common

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

.github/skills/syncfusion-react-common/SKILL.md

1Через Skills CLI (Vercel)

npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-common -a gemini-cli

2Командой платформы

gemini skills install https://github.com/syncfusion/react-ui-components-skills --path skills/syncfusion-react-common

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

.devin/skills/syncfusion-react-common/SKILL.md

Старый путь .windsurf/skills/ тоже читается

Через Skills CLI (Vercel)

npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-common -a opencode

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

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

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

Выполните npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-common -a claude-code, затем проверьте файл ~/.claude/skills/syncfusion-react-common/SKILL.md.

Что делает syncfusion-react-common?

Скилл помогает настраивать общие функции Syncfusion React-компонентов: RTL, локализацию, глобализацию, анимации, drag-and-drop, шаблоны, безопасность и сохранение состояния.

Что нужно для активации лицензии Syncfusion?

Нужен ключ Syncfusion. Его задают в переменной SYNCFUSION_LICENSE, после чего запускают npx syncfusion-license activate.

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

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-file-manager Помогает настроить компонент файлового менеджера Syncfusion в React: от локального JSON до подключения к Azure Blob Storage или S3. Пригодится при сборке проводника с загрузкой файлов. CX Codex +1 729установок syncfusion-react-themes Скилл помогает настраивать темы Syncfusion React, тёмный режим, CSS-переменные, иконки и размеры компонентов. Нужен при работе с визуальным стилем интерфейса. CX Codex +1 729установок syncfusion-react-diagram Скилл помогает собирать интерактивные диаграммы в React на базе Syncfusion Diagrams. Пригодится для блок-схем, BPMN, UML и оргструктур. CX Codex +1 719установок syncfusion-react-license Разбирает лицензирование Syncfusion в React-проектах: генерация ключа, регистрация, ошибки валидации. Пригодится, когда сборка сыплет предупреждениями о лицензии. CX Codex +1 718установок