# Скиллы по теме «Фронтенд и UI» Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 2909 карточек · страница 70 из 73 - HTML: https://affpapa.org/nevibecode/skills/topic/frontend?page=70 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [building-native-ui](https://affpapa.org/nevibecode/skills/building-native-ui.md) — скилл (официальный OpenAI) · Expo Team · Codex, ChatGPT · 2 установки — Скилл задаёт правила для создания мобильных интерфейсов на Expo Router: маршруты, стили, компоненты, анимации и нативные вкладки. - [nodeops-auth](https://affpapa.org/nevibecode/skills/nodeops-auth.md) — скилл · NodeOps-app · Claude Code, Codex, Cursor +3 · 564 установки — Скилл подключает вход NodeOps по PKCE к приложению Next.js. - [premium-web-design](https://affpapa.org/nevibecode/skills/premium-web-design.md) — скилл · davila7 · Claude Code · 1090 установок — Скилл задаёт правила для премиальных React-компонентов и страниц с выразительной типографикой, композицией и анимацией. - [syncfusion-react-grid](https://affpapa.org/nevibecode/skills/syncfusion-react-grid.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 823 установки — Помогает агенту настраивать таблицы Syncfusion React Grid с сортировкой, фильтрацией, пагинацией и виртуальным скроллингом. - [syncfusion-react-scheduler](https://affpapa.org/nevibecode/skills/syncfusion-react-scheduler.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 783 установки — Помогает встраивать в React календарь Syncfusion с расписанием встреч, поддержкой таймзон и перетаскиванием. - [syncfusion-react-gantt-chart](https://affpapa.org/nevibecode/skills/syncfusion-react-gantt-chart.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 773 установки — Помогает внедрить и настроить компонент диаграммы Ганта от Syncfusion в React. - [syncfusion-react-rich-text-editor](https://affpapa.org/nevibecode/skills/syncfusion-react-rich-text-editor.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 757 установок — Помогает настроить редактор RichTextEditorComponent из пакета ej2-react-richtexteditor в проектах на React. - [syncfusion-react-charts](https://affpapa.org/nevibecode/skills/syncfusion-react-charts.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 749 установок — Скилл помогает собирать графики Syncfusion в React: настраивать оси, серии, данные и интерактивность. - [syncfusion-react-treegrid](https://affpapa.org/nevibecode/skills/syncfusion-react-treegrid.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 746 установок — Помогает настраивать React-компонент TreeGrid от Syncfusion: строить иерархические таблицы, привязывать данные и включать экспорт. - [enterprise-user-management-ai-analytics](https://affpapa.org/nevibecode/skills/enterprise-user-management-ai-analytics.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 663 установки — Скилл помогает спроектировать full-stack систему управления пользователями с задачами, тикетами и AI/ML-анализом. - [customware-ai](https://affpapa.org/nevibecode/skills/customware-ai.md) — скилл · customware-ai · Claude Code, Codex, Cursor +3 · 639 установок — Скилл помогает добавлять AI-чат, генерацию текста, инструменты и структурированный JSON в приложения на React Router и Hono. - [animating-react-native-expo](https://affpapa.org/nevibecode/skills/animating-react-native-expo.md) — скилл · tristanmanchester · Claude Code, Codex, Cursor +3 · 413 установок — Скилл для ИИ-агента, который помогает писать и отлаживать анимации в React Native и Expo на Reanimated 4 и Gesture Handler 3. - [syncfusion-react-common](https://affpapa.org/nevibecode/skills/syncfusion-react-common.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 732 установки — Скилл помогает агенту настраивать общие функции Syncfusion React: локализацию, RTL, анимации, drag-and-drop и сохранение состояния. - [styling-nativewind-v4-expo](https://affpapa.org/nevibecode/skills/styling-nativewind-v4-expo.md) — скилл · tristanmanchester · Claude Code, Codex, Cursor +3 · 410 установок — Помогает настроить NativeWind v4 и Tailwind CSS v3 в Expo, устранить ошибки сборки Metro и правильно верстать мобильные компоненты. - [syncfusion-react-file-manager](https://affpapa.org/nevibecode/skills/syncfusion-react-file-manager.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 729 установок — Помогает настроить компонент файлового менеджера Syncfusion в React: от локального JSON до подключения к Azure Blob Storage или S3. - [syncfusion-react-themes](https://affpapa.org/nevibecode/skills/syncfusion-react-themes.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 729 установок — Скилл помогает настраивать темы Syncfusion React, тёмный режим, CSS-переменные, иконки и размеры компонентов. - [syncfusion-react-diagram](https://affpapa.org/nevibecode/skills/syncfusion-react-diagram.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 719 установок — Скилл помогает собирать интерактивные диаграммы в React на базе Syncfusion Diagrams. - [syncfusion-react-license](https://affpapa.org/nevibecode/skills/syncfusion-react-license.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 718 установок — Разбирает лицензирование Syncfusion в React-проектах: генерация ключа, регистрация, ошибки валидации. - [syncfusion-react-image-editor](https://affpapa.org/nevibecode/skills/syncfusion-react-image-editor.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 718 установок — Скилл для работы с компонентом Syncfusion React Image Editor: подскажет агенту, как встроить редактирование картинок в React-приложение. - [syncfusion-react-chat-ui](https://affpapa.org/nevibecode/skills/syncfusion-react-chat-ui.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 715 установок — Скилл помогает собирать чат-интерфейсы на React с сообщениями, вложениями, индикаторами набора и настройкой внешнего вида. - [syncfusion-react-tabs](https://affpapa.org/nevibecode/skills/syncfusion-react-tabs.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 715 установок — Помогает агенту собрать и настроить компонент Tab из Syncfusion для React: заголовки, перетаскивание, ленивую загрузку контента. - [visual-design-system-extractor](https://affpapa.org/nevibecode/skills/visual-design-system-extractor.md) — скилл · Kiren Srinivasan · Claude Code, Codex, Cursor +3 · 687 установок — Переводит скриншоты, мудборды и веб-страницы в строгую дизайн-систему формата YAML. - [syncfusion-react-kanban](https://affpapa.org/nevibecode/skills/syncfusion-react-kanban.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 714 установок — Помогает разворачивать канбан-доски Syncfusion в React-приложениях с помощью ИИ-агентов. - [syncfusion-react-ai-assistview](https://affpapa.org/nevibecode/skills/syncfusion-react-ai-assistview.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 712 установок — Помогает агенту встраивать диалоговый компонент Syncfusion в React. - [syncfusion-react-accumulation-chart](https://affpapa.org/nevibecode/skills/syncfusion-react-accumulation-chart.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 711 установок — Скилл помогает собирать React-графики Pie, Doughnut, Funnel и Pyramid. - [syncfusion-react-barcode](https://affpapa.org/nevibecode/skills/syncfusion-react-barcode.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 711 установок — Скилл для генерации штрихкодов, QR-кодов и Data Matrix в React через компоненты Syncfusion. - [syncfusion-react-pivot-table](https://affpapa.org/nevibecode/skills/syncfusion-react-pivot-table.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 709 установок — Скилл помогает собирать и настраивать PivotView в React: данные, группировку, фильтры, агрегации, экспорт и pivot charts. - [syncfusion-react-dashboard-layout](https://affpapa.org/nevibecode/skills/syncfusion-react-dashboard-layout.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 709 установок — Скилл для ИИ-агента: подсказывает, как собрать дашборд на React с перетаскиваемыми панелями Syncfusion. - [syncfusion-react-query-builder](https://affpapa.org/nevibecode/skills/syncfusion-react-query-builder.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 708 установок — Помогает внедрить визуальный конструктор фильтров Syncfusion в React-приложения. - [syncfusion-react-maps](https://affpapa.org/nevibecode/skills/syncfusion-react-maps.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 707 установок — Помогает агенту собрать географическую карту на React: GeoJSON, маркеры, пузыри, легенда, хороплет. - [edgespark-frontend-design](https://affpapa.org/nevibecode/skills/edgespark-frontend-design.md) — скилл · EdgeSpark · Claude Code, Codex, Cursor +3 · 588 установок — Скилл задаёт визуальное направление для фронтенда: композицию, типографику, цвет, движение и доступность. - [syncfusion-react-blockeditor](https://affpapa.org/nevibecode/skills/syncfusion-react-blockeditor.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 706 установок — Скилл помогает агенту подключить Syncfusion React BlockEditor: блочный редактор контента с меню, drag-and-drop и совместной работой. - [syncfusion-react-speech-to-text](https://affpapa.org/nevibecode/skills/syncfusion-react-speech-to-text.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 705 установок — Скилл помогает добавить распознавание речи в React через компонент Syncfusion SpeechToText и управлять микрофоном, событиями и текстом. - [syncfusion-react-treeview](https://affpapa.org/nevibecode/skills/syncfusion-react-treeview.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 705 установок — Скилл для ИИ-агента, который помогает собрать иерархический TreeView из @syncfusion/ej2-react-navigations: выбор узлов, чекбоксы, drag-drop, инлайн-редактирование. - [syncfusion-react-dropdown-tree](https://affpapa.org/nevibecode/skills/syncfusion-react-dropdown-tree.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 703 установки — Помогает агенту реализовать React Dropdown Tree для иерархического выбора, чекбоксов и фильтрации. - [syncfusion-react-inline-ai-assist](https://affpapa.org/nevibecode/skills/syncfusion-react-inline-ai-assist.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 700 установок — Скилл помогает добавить в React Inline AI Assist от Syncfusion: подсказки, команды, ответы и подключение AI-сервисов. - [syncfusion-react-ribbon](https://affpapa.org/nevibecode/skills/syncfusion-react-ribbon.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 700 установок — Скилл для сборки Ribbon-интерфейсов на React: вкладки, группы, галереи и backstage-меню по образцу Microsoft Office. - [building-edgespark-apps](https://affpapa.org/nevibecode/skills/building-edgespark-apps.md) — скилл · EdgeSpark · Claude Code, Codex, Cursor +3 · 577 установок — Задаёт правила разработки проектов на платформе EdgeSpark. - [syncfusion-react-data-manager](https://affpapa.org/nevibecode/skills/syncfusion-react-data-manager.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 676 установок — Генерирует код привязки данных и CRUD через Syncfusion DataManager в React. - [syncfusion-react-buttons](https://affpapa.org/nevibecode/skills/syncfusion-react-buttons.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 675 установок — Скилл обучает ассистента верстать интерфейсы на базе кнопочных компонентов Syncfusion в React. Дальше: https://affpapa.org/nevibecode/skills/topic/frontend.md?page=71 ## Уточнить [react](https://affpapa.org/nevibecode/tag/react.md) · [ui](https://affpapa.org/nevibecode/tag/ui.md) · [typescript](https://affpapa.org/nevibecode/tag/typescript.md) · [css](https://affpapa.org/nevibecode/tag/css.md) · [animation](https://affpapa.org/nevibecode/tag/animation.md) · [accessibility](https://affpapa.org/nevibecode/tag/accessibility.md) · [design-system](https://affpapa.org/nevibecode/tag/design-system.md) · [nextjs](https://affpapa.org/nevibecode/tag/nextjs.md) · [tailwind](https://affpapa.org/nevibecode/tag/tailwind.md) · [javascript](https://affpapa.org/nevibecode/tag/javascript.md) · [webgl](https://affpapa.org/nevibecode/tag/webgl.md) · [typography](https://affpapa.org/nevibecode/tag/typography.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md