NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
accessibility-scan скилл Проверяет одну открытую страницу на механически обнаруживаемые нарушения WCAG 2.2 и собирает список проблем с привязкой к DOM. Запускайте после изменений интерфейса.
CX Codex +1
1 000установок
stop-describing-ui скилл Скилл вычищает пояснительный текст из UI: заголовки, пустые состояния, подписи кнопок, подсказки и онбординг. Пригодится, когда экран объясняет себя вместо того, чтобы показывать действие.
CX Codex +1
717установок
verifying-in-browser скилл После правок в коде запускает dev-сервер, открывает приложение в браузере и проверяет рендер, ошибки консоли и сетевые запросы.
CX Codex +1
540установок
using-ui-stack скилл Заставляет агента строить интерфейс по фиксированным правилам: сетка 8px, цвета 60-30-10, типографика, тёмная тема и состояния интерактивных элементов.
CX Codex +1
539установок
qt-figma-token-extraction скилл Достаёт переменные, текстовые стили и токены из файла Figma и превращает их в design-tokens.json и готовые QML-синглтоны с общим Theme.
CX Codex +1
439установок
ios-liquid-glass скилл Справочник по API Liquid Glass из iOS 26+: модификаторы glassEffect, контейнеры, морфинг-переходы и навигация. Пригодится, когда верстаешь стеклянные панели в SwiftUI.
CX Codex +1
803установок
ui-design скилл Скилл задаёт агенту дизайнерские правила: сетка, типографика, цвет, отступы. Пригодится, когда нет своего дизайн-системного скилла.
CX Codex +1
832установок
godot-ui-containers скилл Скилл обучает ИИ-агента строить интерфейсы в Godot на узлах Container. Он пригодится при вёрстке адаптивных меню, инвентарей и оптимизации списков.
CX Codex +1
507установок
qt-figma-component-generation скилл Читает компоненты Figma через MCP и пишет по ним QML-контролы на Qt Quick Controls 2. Нужен на шаге генерации компонентов в воркфлоу дизайн-системы.
CX Codex +1
437установок
pyqt6-ui-development-rules скилл Скилл задаёт правила для PyQt6-интерфейсов: разделение логики и UI, сигналы и слоты, фоновые задачи и компоновка. Пригодится при разработке и рефакторинге desktop-приложений.
CX Codex +1
1 100установок
expo-react-native-typescript скилл Скилл задаёт агенту правила разработки мобильных приложений на Expo, React Native и TypeScript: структура файлов, навигация, состояние, тесты.
CX Codex +1
2 200установок
mapbox-style-patterns скилл Готовые наборы слоёв и стилей Mapbox для типовых карт: поиск заведений, недвижимость, маршруты, доставка. Пригодится, когда нужен проверенный стиль, а не подбор цветов с нуля.
CX Codex +1
2 300установок
hig скилл Локальный справочник Apple Human Interface Guidelines в Markdown для проверки размеров кнопок, Dynamic Type, терминологии и системных компонентов без выхода в сеть.
CX Codex +1
786установок
markstream-install
официальный скилл Скилл помогает подключить стриминговый рендерер Markstream в веб-приложения на React, Vue, Svelte или Angular. Он настраивает стили, SSR-границы и режимы плавного вывода Markdown в чатах.
18установок
quasar-skilld скилл Скилл для работы с Quasar 2.33.1: помогает писать, настраивать и отлаживать код на Vue 3, опираясь на документацию, которая лежит внутри пакета.
CX Codex +1
657установок
tailwindcss-animations скилл Скилл по анимациям и переходам Tailwind CSS: встроенные утилиты, свои @keyframes, reduced-motion, Framer Motion.
CX Codex +1
2 400установок
game-playtest
официальный скилл Направляет агента при тестировании браузерных игр и фронтенда. Помогает проверить первый экран, механику, читаемость интерфейса и артефакты WebGL по скриншотам.
CX Codex GP ChatGPT
62установок
netlify-config скилл Настраивает сборку и маршрутизацию в Netlify через netlify.toml, _redirects и _headers. Пригодится для роутинга SPA, прокси и контекстов деплоя.
CX Codex +1
3 300установок
accessibility-diff скилл Сравнивает нарушения доступности на живой странице до и после ваших правок. Показывает, что вы сломали, а что починили.
CX Codex +1
947установок
sapui5 скилл Скилл для ИИ-агентов, который помогает писать приложения на SAP UI5: XML-вью, контроллеры, привязка данных, OData и тесты.
CX Codex +1
697установок
no-use-effect скилл Запрещает прямой вызов useEffect в коде на React и React Native, заменяя его вычисляемым состоянием, обработчиками событий и кастомными хуками.
CX Codex +1
729установок
airflow-plugins скилл Скилл помогает писать плагины Airflow 3.1+ с FastAPI-эндпоинтами, React-страницами и своими вкладками прямо в UI. Пригодится, когда нужно что-то своё внутри Airflow.
CX Codex +1
594установок
ui-design-system скилл Скилл для сборки и разбора React-интерфейсов на TailwindCSS, Radix UI и shadcn/ui. Пригодится, когда компоненты уже расползлись и нужен порядок.
CX Codex +1
3 200установок
sapui5-linter скилл Скилл помогает запускать UI5 Linter, настраивать правила и разбирать найденные проблемы в приложениях SAPUI5 и OpenUI5. Пригодится и при подготовке к переходу на UI5 2.x.
CX Codex +1
685установок
ai-assisted-prototyping скилл Помогает создавать работающие прототипы продуктов по текстовым описаниям и макетам. Пригодится продакт-менеджерам для проверки идей до передачи задачи в разработку.
CX Codex +1
354установок
netlify-frameworks скилл Скилл подсказывает агенту настройки сборки, SSR-адаптеры и переменные окружения для деплоя веб-фреймворков на Netlify.
CX Codex +1
3 200установок
appkit-interop
официальный скилл Помогает встроить AppKit в SwiftUI-проекты для macOS через компактные мосты. Пригодится для доступа к NSWindow, файловым панелям и меню.
CX Codex GP ChatGPT
60установок
design-style-picker скилл Генерирует пачку вариантов визуального стиля и даёт выбрать нужный по изображениям, а не по описанию. Пригодится, когда заказчик не может словами сказать, чего хочет.
CX Codex +1
342установок
storybook-story-writing скилл Пишет и правит истории Storybook для компонентов: формат CSF3, все состояния компонента, сборка без ошибок. Пригодится, когда сториз расползаются и ломают билд.
CX Codex +1
673установок
astro-seo скилл Скилл проверяет SEO-настройки сайта на Astro и предлагает правки в коде. Пригодится для аудита метаданных, структурированных данных и индексации.
CX Codex +1
500установок
sap-btp-build-work-zone-advanced скилл Помогает настраивать рабочие пространства в SAP Build Work Zone, advanced edition и создавать карточки UI Integration Cards. Пригодится разработчикам и администраторам порталов на SAP BTP.
CX Codex +1
674установок
frontend-design скилл Аудит существующего CSS, извлечение токенов и генерация палитр, типографики и компонентов. Пригодится, когда интерфейс выглядит как типовой вывод ИИ.
CX Codex +1
2 300установок
writing-tests скилл Анализирует исходный код, определяет тестовый раннер и пишет юнит- или интеграционные тесты с моками и граничными случаями.
CX Codex +1
499установок
lottie-animation скилл Помогает агенту подключить анимацию из After Effects, управлять воспроизведением и перекрашивать её во время работы приложения.
CX Codex +1
2 100установок
electron-builder скилл Настраивает сборку десктопных приложений на Electron под Windows, macOS и Linux. Помогает с подписью кода, выпуском релизов и автоматическими обновлениями.
CX Codex +1
392установок
wireframe-prototyping скилл Скилл помогает набросать каркас интерфейса и собрать прототип до того, как начнётся разработка. Пригодится, когда нужно показать идею команде или заказчику.
CX Codex +1
1 400установок
frontend-session-rca скилл Скилл разбирает одну сессию реального пользователя из Grafana Frontend Observability: что случилось, какие ошибки, в каком порядке и что с этим делать.
CX Codex +1
1 100установок
markdown скилл Готовит агенту точную схему подключения markdown-рендера в assistant-ui: какой компонент выбрать, как подсветить код, вывести формулы и диаграммы.
CX Codex +1
4 300установок
next-best-practices скилл Скилл с набором правил Next.js: файловые конвенции, границы RSC, async API, метаданные, обработка ошибок. Пригодится, когда агент пишет или ревьюит код на Next.js.
CX Codex +1
383установок
netlify-forms скилл Скилл для работы с серверлес-формами на Netlify: разметка, AJAX-отправка, защита от спама, уведомления. Пригодится, когда форма молча не регистрируется.
CX Codex +1
3 100установок
1 561–1 600 из 2 909
