NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
dt-obs-frontends скилл Скилл для работы с Real User Monitoring в Dynatrace: Core Web Vitals, сессии, ошибки фронтенда и связь с бэкендом через DQL.
CX Codex +1
2 500установок
shadertoy скилл Скилл помогает писать фрагментные шейдеры GLSL ES для Shadertoy и WebGL. Пригодится при создании процедурной графики, рей-маршинга и визуальных эффектов.
CX Codex +1
1 500установок
frontend-design скилл Скилл задаёт агенту смелое визуальное направление и заставляет доводить код до продакшн-уровня. Пригодится, когда интерфейс не должен выглядеть как типовой вывод нейросети.
CX Codex +1
7 300установок
tokens скилл Проверяет, как в проекте устроены дизайн-токены, и помогает собрать трёхслойную систему с нуля. Пригодится, когда цвета и отступы расползлись по файлам.
CX Codex +1
855установок
superwall-editor скилл Скилл для сборки и правки пейволов, онбординга и web2app-сценариев Superwall прямо из терминала. Пригодится, когда редактор открыт в браузере, а работать хочется из агента.
CX Codex +1
3 600установок
finalize скилл Прогоняет интерфейс через детектор, токены и 10 проходов планки качества, а потом выдаёт вердикт: READY, NOT READY или BLOCKED.
CX Codex +1
852установок
brief скилл Создаёт или обновляет дизайн-бриф проекта в файле .ui-craft/brief.md. Помогает зафиксировать назначение интерфейса, принципы и границы продукта перед генерацией UI.
CX Codex +1
851установок
ux-extract скилл Обходит эталонное веб-приложение экран за экраном, снимает состояния и собирает библиотеку UX-паттернов, с которой потом сравнивают свою сборку.
CX Codex +1
664установок
game-ui-frontend
официальный скилл Скилл помогает проектировать интерфейсы браузерных игр: HUD, меню и оверлеи. Защищает игровое поле от перекрытия панелями и настраивает блокировку ввода для 3D-камеры.
CX Codex GP ChatGPT
98установок
assistant-ui скилл Помогает проектировать чат-интерфейсы на React: подсказывает архитектуру, выбор пакетов, рантаймов и хуков библиотеки assistant-ui.
CX Codex +1
7 200установок
cargo-hosting скилл Скилл учит агента создавать, собирать и выкатывать статические веб-приложения и edge-воркеры через Cargo CLI. Пригодится, когда нужно быстро получить рабочий URL для дашборда или вебхука.
CX Codex +1
9 800установок
angular-architecture скилл Скилл задаёт правила, куда класть компоненты Angular, как называть файлы и что менять в официальном стайлгайде.
CX Codex +1
320установок
landing-page-conversion-audit
официальный скилл Скилл находит утечки конверсии на посадочных страницах и экранах оплаты. Он формирует список правок по силе влияния на доход от платного трафика.
28установок
no-use-effect скилл Скилл, который не даёт агенту писать useEffect в React-коде и подсказывает пять замен. Пригодится при рефакторинге и ревью компонентов.
CX Codex +1
1 000установок
react-2026 скилл Подбирает архитектурный стек для новых и обновляемых проектов на React. Помогает выбрать фреймворк, сборщик, роутер и библиотеки управления состоянием.
CX Codex +1
1 900установок
ai-ui-patterns скилл Скилл подсказывает агенту, как собирать чат-интерфейсы на React: стриминг ответов, состояние диалога, обработка ошибок. Пригодится, когда делаете чатбота или ассистента.
CX Codex +1
2 000установок
ux-compare скилл Читает библиотеки паттернов от ux-extract и собирает документ со сравнением: где приложения совпадают, где расходятся и что делать в новом билде.
CX Codex +1
647установок
r3f-loaders скилл Помогает загружать и переиспользовать 3D-модели в React Three Fiber. Настраивает хуки, предзагрузку, клонирование объектов и показ заглушек.
CX Codex +1
1 800установок
r3f-physics скилл Помогает добавить в React Three Fiber физику Rapier: тела, коллайдеры, силы, сенсоры и соединения. Пригодится для движения, зависящего от столкновений.
CX Codex +1
1 800установок
tanstack-table скилл Скилл учит агента настраивать headless-таблицы на TanStack Table v8. Он помогает правильно собрать сортировку и фильтрацию без поломки рендеров.
CX Codex +1
5 400установок
webmcpify
официальный скилл Скилл подключает действия веб-приложения как инструменты WebMCP, а затем проверяет их в браузере. Пригодится, если вы хотите, чтобы ИИ-агент работал с интерфейсом через структурированные вызовы.
27установок
checklist-design скилл Проверяет интерфейсы сайтов и мобильных приложений по сотне чек-листов Checklist Design. Находит пропущенные элементы и даёт честную критику иерархии, вёрстки или доступности.
CX Codex +1
1 100установок
flutter-adaptive-ui скилл Скилл направляет агента при разработке адаптивного UI во Flutter для мобильных экранов, десктопа и веба. Он заставляет опираться на ограничения окна, а не на имя платформы.
CX Codex +1
2 000установок
frontend-design скилл Скилл задаёт визуальное направление вёрстки: палитра, шрифты, структура и текстура держатся одного стиля от начала до конца.
CX Codex +1
580установок
maplibre-tile-sources скилл Помогает решить, что подойдёт набору данных в MapLibre GL JS: GeoJSON прямо из файла или векторные и растровые тайлы. Нужен на старте карты, до настройки хостинга.
CX Codex +1
982установок
nuqs скилл Скилл с 39 правилами по nuqs: типизированные парсеры, адаптеры, интеграция с Server Components и оптимизация обновлений URL. Пригодится, когда агент пишет или рефакторит код с URL-состоянием.
CX Codex +1
2 300установок
integration-privy скилл Скилл для подключения Privy-аутентификации к Solana Expo Android-приложению поверх Mobile Wallet Adapter через Sign-In-With-Solana.
CX Codex +1
11 600установок
solana-mobile-wallet скилл Скилл помогает подключить Solana-кошелёк в React Native Expo и работать с подписями и транзакциями. Пригодится для кнопки подключения, входа через Solana или отправки SOL.
CX Codex +1
11 600установок
nextjs-cache-architecture скилл Выстраивает архитектуру кеширования для Next.js 16+ App Router. Помогает внедрить директиву "use cache", собрать типизированный реестр тегов и настроить границы Suspense.
CX Codex +1
5 000установок
mies скилл Скилл для ИИ-кодинга, который заставляет агента убирать лишнее в интерфейсах и доводить детали до аккуратности. Пригодится, когда верстаете UI, дашборд или онбординг.
CX Codex +1
9 600установок
r3f-best-practices скилл Набор из 70+ правил для написания, ревью и ускорения кода на React Three Fiber. Помогает избежать частых перерисовок и наладить работу со стеком Poimandres.
CX Codex +1
1 500установок
apple-hig-designer скилл Скилл помогает создавать интерфейсы iOS для iPhone, iPad и Apple Watch по стандартам Apple HIG. Он генерирует компоненты SwiftUI и следит за доступностью.
CX Codex +1
1 000установок
email-html-mjml скилл Скилл собирает адаптивные шаблоны писем на MJML 5.x и компилирует их в HTML, который переживает Outlook и Gmail. Пригодится, когда нужен welcome, рассылка или транзакционное письмо.
CX Codex +1
947установок
design-better скилл Скилл для ИИ-агентов, который добавляет к генерации и ревью интерфейса правила UX/UI: иерархия, состояния, доступность, анимация. Пригодится, когда код уже работает, но выглядит сыро.
CX Codex +1
1 100установок
qt-qml-test скилл Создаёт файлы юнит-тестов Qt Quick Test для компонентов QML. Пригодится для проверки свойств элементов и отправки сигналов в Qt 6.
CX Codex +1
597установок
design-system скилл Собирает или проверяет дизайн-систему: токены, библиотеку компонентов, правила именования, модель контрибуции и документацию. Пригодится, когда продукты расходятся по стилю.
CX Codex +1
311установок
scrape-webpage скилл Скилл скачивает страницу, извлекает метаданные и изображения, а затем сохраняет HTML и результаты анализа локально. Он служит шагом конвейера импорта в AEM Edge Delivery Services.
CX Codex +1
1 800установок
extension-camera скилл Добавляет в агент правила работы с веб-камерой через React-хук useCamera. Пригодится для съёмки фото и видеопревью в браузере.
CX Codex +1
28 100установок
extension-qr-code скилл Добавляет в React-приложение сканирование QR-кодов через камеру устройства. Пригодится, когда нужно считать код прямо в браузере.
CX Codex +1
28 200установок
react-vite-best-practices скилл Скилл с 23 правилами оптимизации React-приложений на Vite: сборка, code splitting, HMR, ассеты, переменные окружения и анализ бандла. Пригодится, когда агент пишет или ревьюит компоненты.
CX Codex +1
2 900установок
1 401–1 440 из 2 909
