# Скиллы по теме «Фронтенд и UI» Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов. 2909 карточек · страница 71 из 73 - HTML: https://affpapa.org/nevibecode/skills/topic/frontend?page=71 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [syncfusion-react-inputs](https://affpapa.org/nevibecode/skills/syncfusion-react-inputs.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 672 установки — Скилл по компонентам ввода Syncfusion для React: загрузка файлов, числовые поля, OTP, подписи и слайдеры. - [syncfusion-react-dropdowns](https://affpapa.org/nevibecode/skills/syncfusion-react-dropdowns.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 668 установок — Справочник для ИИ-ассистентов по компонентам выпадающих списков Syncfusion в React. - [syncfusion-react-popups](https://affpapa.org/nevibecode/skills/syncfusion-react-popups.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 663 установки — Скилл для ИИ-агентов, который подсказывает, как собирать модальные окна, тултипы и поповеры на компонентах Syncfusion для React. - [syncfusion-react-appbar](https://affpapa.org/nevibecode/skills/syncfusion-react-appbar.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 661 установка — Скилл помогает собирать навигационные панели и панели действий на React с помощью AppBar. - [syncfusion-react-3d-chart](https://affpapa.org/nevibecode/skills/syncfusion-react-3d-chart.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 661 установка — Скилл помогает агенту собрать объёмные столбчатые и линейчатые диаграммы Syncfusion в React-проекте. - [figma](https://affpapa.org/nevibecode/skills/figma.md) — скилл · openai · Claude Code · 858 установок — Скилл связывает Claude с Figma MCP: забирает контекст узла, скриншот и ассеты, а потом переводит макет в код проекта. - [syncfusion-react-notifications](https://affpapa.org/nevibecode/skills/syncfusion-react-notifications.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 659 установок — Скилл по компонентам уведомлений Syncfusion для React: тосты, бейджи, сообщения, скелетоны и спиннеры. - [syncfusion-react-heatmap](https://affpapa.org/nevibecode/skills/syncfusion-react-heatmap.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 658 установок — Помогает собрать тепловую карту на React с осями, легендой и подсказками. - [syncfusion-react-breadcrumb](https://affpapa.org/nevibecode/skills/syncfusion-react-breadcrumb.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 658 установок — Скилл для ИИ-агента, который помогает собрать и настроить компонент Breadcrumb из Syncfusion в React-приложении: маршруты, иконки, переполнение. - [syncfusion-react-carousel](https://affpapa.org/nevibecode/skills/syncfusion-react-carousel.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 657 установок — Скилл помогает агенту собрать React-карусель Syncfusion: слайды, навигацию, переходы и доступность. - [syncfusion-react-sidebar](https://affpapa.org/nevibecode/skills/syncfusion-react-sidebar.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 656 установок — Скилл помогает собрать адаптивную боковую панель Syncfusion React для навигации. - [syncfusion-react-timeline](https://affpapa.org/nevibecode/skills/syncfusion-react-timeline.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 655 установок — Подсказывает агенту, как собрать хронологию событий на компоненте Timeline из Syncfusion для React. - [syncfusion-react-splitter](https://affpapa.org/nevibecode/skills/syncfusion-react-splitter.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 653 установки — Скилл помогает собрать в React гибкие панели с изменяемым размером, сворачиванием и вложенными раскладками. - [syncfusion-react-smithchart](https://affpapa.org/nevibecode/skills/syncfusion-react-smithchart.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 652 установки — Скилл помогает агенту собрать и настроить Smith Chart из Syncfusion для React: импеданс, согласование, параметры линий передачи. - [accessibility-auditor](https://affpapa.org/nevibecode/skills/accessibility-auditor.md) — скилл · davila7 · Claude Code · 846 установок — Скилл проверяет веб-интерфейсы на доступность и подсказывает исправления для WCAG, ARIA, клавиатурной навигации и скринридеров. - [syncfusion-react-circular-gauge](https://affpapa.org/nevibecode/skills/syncfusion-react-circular-gauge.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 651 установка — Скилл помогает собрать круговой индикатор на React для KPI, датчиков, спидометров и мониторинга в реальном времени. - [syncfusion-react-3d-circular-chart](https://affpapa.org/nevibecode/skills/syncfusion-react-3d-circular-chart.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 651 установка — Скилл для ИИ-агента, который помогает собрать в React объёмные круговые и кольцевые диаграммы на компоненте Syncfusion. - [syncfusion-react-stepper](https://affpapa.org/nevibecode/skills/syncfusion-react-stepper.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 649 установок — Скилл помогает агенту собирать пошаговые интерфейсы на React: формы, мастера и навигацию по процессу. - [syncfusion-react-sankey](https://affpapa.org/nevibecode/skills/syncfusion-react-sankey.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 650 установок — Скилл для ИИ-агента, который помогает собрать Sankey-диаграмму на React с компонентом Syncfusion: узлы, связи, легенда, тултипы и экспорт. - [syncfusion-react-linear-gauge](https://affpapa.org/nevibecode/skills/syncfusion-react-linear-gauge.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 647 установок — Скилл помогает добавить в React линейный индикатор Syncfusion: для температуры, прогресса, KPI и показаний датчиков в реальном времени. - [syncfusion-react-stock-chart](https://affpapa.org/nevibecode/skills/syncfusion-react-stock-chart.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 648 установок — Скилл для ИИ-агента: подсказывает, как собрать биржевой график на компоненте Syncfusion Stock Chart в React — свечи, OHLC, индикаторы. - [syncfusion-react-treemaps](https://affpapa.org/nevibecode/skills/syncfusion-react-treemaps.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 646 установок — Скилл помогает создавать и настраивать древовидные карты на Syncfusion React TreeMap. - [shopify-storefront-graphql](https://affpapa.org/nevibecode/skills/shopify-storefront-graphql.md) — скилл (официальный OpenAI) · Shopify · Codex, ChatGPT · 1 установка — Пишет GraphQL-запросы и мутации к Storefront API Shopify, но сначала ищет их в документации и проверяет валидатором. - [shopify-polaris-customer-account-extensions](https://affpapa.org/nevibecode/skills/shopify-polaris-customer-account-extensions.md) — скилл (официальный OpenAI) · Shopify · Codex, ChatGPT · 1 установка — Скилл помогает создавать расширения аккаунта покупателя Shopify для страниц заказов и профиля. - [shopify-polaris-app-home](https://affpapa.org/nevibecode/skills/shopify-polaris-app-home.md) — скилл (официальный OpenAI) · Shopify · Codex, ChatGPT · 1 установка — Генерирует интерфейсы приложений для панели управления Shopify на веб-компонентах Polaris. - [native-data-fetching](https://affpapa.org/nevibecode/skills/native-data-fetching.md) — скилл (официальный OpenAI) · Expo Team · Codex, ChatGPT · 1 установка — Скилл с правилами сетевых запросов и кэширования для Expo. - [expo-ui-swift-ui](https://affpapa.org/nevibecode/skills/expo-ui-swift-ui.md) — скилл (официальный OpenAI) · Expo Team · Codex, ChatGPT · 1 установка — Скилл учит агента работать с пакетом @expo/ui/swift-ui, который позволяет использовать SwiftUI-компоненты и модификаторы в React Native приложениях на Expo SDK 55. - [expo-ui-jetpack-compose](https://affpapa.org/nevibecode/skills/expo-ui-jetpack-compose.md) — скилл (официальный OpenAI) · Expo Team · Codex, ChatGPT · 1 установка — Скилл подсказывает агенту, как писать нативные Android-интерфейсы через @expo/ui/jetpack-compose в приложении Expo. - [expo-tailwind-setup](https://affpapa.org/nevibecode/skills/expo-tailwind-setup.md) — скилл (официальный OpenAI) · Expo Team · Codex, ChatGPT · 1 установка — Подключает Tailwind CSS v4 в приложения на Expo с помощью NativeWind v5 и react-native-css. - [expo-module](https://affpapa.org/nevibecode/skills/expo-module.md) — скилл (официальный OpenAI) · Expo Team · Codex, ChatGPT · 1 установка — Скилл объясняет, как создавать нативные модули и представления Expo на Swift, Kotlin и TypeScript. - [syncfusion-react-cards](https://affpapa.org/nevibecode/skills/syncfusion-react-cards.md) — скилл · Syncfusion · Claude Code, Codex, Cursor +3 · 624 установки — Скилл помогает собирать карточные интерфейсы в React: с заголовками, изображениями, кнопками и вложенными компонентами. - [syncfusion-react-accordion](https://affpapa.org/nevibecode/skills/syncfusion-react-accordion.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 621 установка — Скилл учит нейросеть добавлять аккордеоны Syncfusion в React-приложения. - [syncfusion-react-context-menu](https://affpapa.org/nevibecode/skills/syncfusion-react-context-menu.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 616 установок — Помогает настроить контекстное меню Syncfusion в React: от структуры пунктов и вложенных списков до событий клика, анимаций и шаблонов. - [syncfusion-react-menu](https://affpapa.org/nevibecode/skills/syncfusion-react-menu.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 615 установок — Скилл помогает агенту собрать меню Syncfusion для React: иерархию, выпадающие пункты и контекстные действия. - [syncfusion-react-toolbar](https://affpapa.org/nevibecode/skills/syncfusion-react-toolbar.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 613 установок — Скилл помогает собрать панель команд Syncfusion для React: настроить кнопки, разделители, поля ввода и поведение при нехватке места. - [syncfusion-react-sparkline](https://affpapa.org/nevibecode/skills/syncfusion-react-sparkline.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 608 установок — Помогает агенту собрать спарклайны Syncfusion в React: пять типов мини-графиков, тултипы, маркеры и полосы диапазона вместо полноразмерных чартов. - [transformation-builder](https://affpapa.org/nevibecode/skills/transformation-builder.md) — скилл · imagekit-developer · Claude Code, Codex, Cursor +3 · 481 установка — Подсказывает агенту, как собрать точный запрос к инструменту transformation_builder и получить рабочий URL трансформации ImageKit. - [syncfusion-react-calendars](https://affpapa.org/nevibecode/skills/syncfusion-react-calendars.md) — скилл · Syncfusion Inc · Claude Code, Codex, Cursor +3 · 541 установка — Скилл помогает собирать календарные компоненты Syncfusion для React: выбор дат, диапазонов и времени, форматирование и валидация. - [figma-implement-design](https://affpapa.org/nevibecode/skills/figma-implement-design.md) — скилл · openai · Claude Code · 689 установок — Переносит макет из Figma в код проекта через Figma MCP: вытаскивает структуру узла, снимок и ассеты, затем подгоняет результат под компоненты и токены проекта. - [vanilla-web](https://affpapa.org/nevibecode/skills/vanilla-web.md) — скилл · janjaszczak · Claude Code, Codex, Cursor +3 · 666 установок — Скилл для сборки и правки статических страниц и мелких виджетов на чистом HTML, CSS и JavaScript. Дальше: https://affpapa.org/nevibecode/skills/topic/frontend.md?page=72 ## Уточнить [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