NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
clerk-tanstack-patterns скилл Подсказывает агенту, как подключить Clerk к TanStack React Start: защита маршрутов, createServerFn, лоадеры и middleware.
CX Codex +1
15 500установок
compose-focus-navigation скилл Скилл помогает писать и проверять навигацию фокуса в Jetpack Compose для TV, клавиатуры и D-pad. Пригодится для начального и восстановленного фокуса.
CX Codex +1
1 900установок
experience-ui-bundle-agentforce-client-generate скилл Встраивает клиент Agentforce Conversation в React и Angular UI Bundle: находит нужный пакет, проверяет agentId и подключает компонент на страницу.
CX Codex +1
5 000установок
experience-ui-bundle-site-generate скилл Создаёт метаданные Digital Experience Site для хостинга React UI bundles в Salesforce. Пригодится, когда нужно развернуть контейнер сайта и настроить языковые параметры.
CX Codex +1
5 000установок
pixijs-scene-gif скилл Обучает агента загружать и воспроизводить анимации GIF в PixiJS v8 через GifSprite и GifSource. Пригодится при переносе гифок на сцену без ручной нарезки на спрайты.
CX Codex +1
5 600установок
tailwind-theme-builder скилл Скилл настраивает тему Tailwind v4 с shadcn/ui и тёмным режимом: ставит зависимости, связывает CSS-переменные через @theme inline, подключает переключатель темы.
CX Codex +1
3 200установок
color-palette скилл Скилл строит полную цветовую систему из одного брендового hex: 11 оттенков, семантические токены, тёмная тема и проверка контраста по WCAG.
CX Codex +1
3 200установок
critique-information-density скилл Скилл разбирает готовый экран по плотности информации: когнитивная нагрузка, приоритеты контента, паттерны сканирования и постепенное раскрытие. Пригодится, когда интерфейс кажется перегруженным.
CX Codex +1
1 700установок
doherty-threshold скилл Скилл задаёт пороги отклика для интерфейсов и подсказывает, какую обратную связь показать во время ожидания.
CX Codex +1
1 700установок
millers-law скилл Разбивает интерфейс на смысловые группы примерно по четыре элемента под ограничения рабочей памяти. Пригодится при структурировании меню, шагов онбординга и длинных форм.
CX Codex +1
1 700установок
von-restorff-effect скилл Скилл учит агента выделять главное целевое действие в интерфейсе за счёт эффекта изоляции. Он пригодится, когда одна кнопка или тариф должны сразу бросаться в глаза.
CX Codex +1
1 700установок
hicks-law скилл Скилл применяет закон Хика: время решения растёт с числом одновременных вариантов. Пригодится, когда на экране слишком много кнопок и пунктов.
CX Codex +1
1 700установок
fitts-law скилл Скилл для ИИ-агента, который подсказывает размеры и расположение кнопок по закону Фиттса. Пригодится при вёрстке интерфейсов и мобильных экранов.
CX Codex +1
1 700установок
readable-measure скилл Задаёт оптимальную длину строки текста для экранов и брейкпоинтов. Пригодится при вёрстке статей, документации и описаний в интерфейсе.
CX Codex +1
1 700установок
localization-design скилл Помогает проектировать интерфейсы для разных языков, направлений письма и культурных норм до появления переводов.
CX Codex +1
1 700установок
law-of-common-region скилл Скилл по гештальт-принципу общей области: подсказывает, когда объединять элементы рамкой, фоном или карточкой, а не одним отступом.
CX Codex +1
1 700установок
law-of-proximity скилл Применяет закон близости в интерфейсах: расстояния показывают связь элементов без рамок и подписей. Нужен при разборе структуры макета.
CX Codex +1
1 800установок
search-ux скилл Помогает агенту проектировать поиск: ввод запроса, подсказки, фильтры, выдача и пустой результат. Пригодится, когда в интерфейсе ищут, а не листают.
CX Codex +1
1 800установок
onboarding-design скилл Помогает спроектировать первый сеанс пользователя: путь к активации и сценарии пустых экранов. Сокращает время до получения первой пользы.
CX Codex +1
1 800установок
pixijs-accessibility скилл Скилл настраивает поддержку скринридеров и навигацию с клавиатуры в PixiJS v8 через оверлей shadow DOM.
CX Codex +1
5 500установок
claude-design скилл Скилл для генерации дизайн-артефактов в HTML: лендинги, слайды, прототипы, постеры и вайрфреймы. Пригодится, когда нужно быстро получить варианты макета.
CX Codex +1
2 200установок
perf-lighthouse скилл Скилл запускает аудит Lighthouse через консоль или Node API, считывает метрики и настраивает бюджеты производительности. Помогает внедрить проверки скорости в CI и разобрать JSON-отчёты.
CX Codex +1
321установок
i18n-expert скилл Настраивает и проверяет локализацию интерфейса: заменяет строки ключами, сверяет локали и форматирование. Нужен при работе с React, Next.js или Vue.
CX Codex +1
2 700установок
swiftui-webkit скилл Справочник по нативным компонентам WebView и WebPage в SwiftUI для iOS 26+. Помогает встраивать веб-экраны, перехватывать ссылки и запускать JavaScript.
CX Codex +1
3 200установок
jury скилл Снимает скриншоты всех типов страниц, замеряет LCP, CLS, FPS и доступность, потом отдельный критик выставляет баллы и список правок.
CX Codex +1
911установок
omnistudio-flexcard-generate скилл Генерирует и валидирует интерфейсные карточки OmniStudio FlexCard для Salesforce Industries по шкале из 130 баллов. Помогает настроить привязку к Integration Procedures и стили SLDS.
CX Codex +1
4 800установок
omnistudio-omniscript-generate скилл Скилл создаёт и проверяет OmniScripts для многошаговых процессов с Integration Procedures и Data Mappers. Нужен при проектировании форм и сценариев с пошаговой логикой.
CX Codex +1
4 800установок
compose-animations скилл Помогает выбирать и ревьюить анимации в Jetpack Compose под разные сценарии движения. Пригодится при настройке переходов видимости, смене контента и связывании нескольких свойств.
CX Codex +1
1 800установок
clerk-swift скилл Собирает экраны входа Clerk в нативных приложениях iOS и macOS: готовые вью ClerkKitUI или свои сценарии на ClerkKit.
CX Codex +1
14 500установок
browser-tools скилл Скилл подключает агент к Chrome через Chrome DevTools Protocol для навигации, проверки интерфейсов и работы с динамическими страницами.
CX Codex +1
465установок
pixijs-migration-v8 скилл Скилл проводит код PixiJS с v7 на v8 и ищет типичные поломки после обновления. Нужен при замене устаревших API и импортов.
CX Codex +1
5 300установок
clerk-chrome-extension-patterns скилл Набор инструкций по интеграции @clerk/chrome-extension в браузерные расширения. Помогает настроить вход в popup, сессии в service worker и делегирование OAuth через веб-приложение.
CX Codex +1
14 400установок
mobile-platform-offline-validate скилл Проверяет компоненты LWC на совместимость с офлайн-режимом Komaci в Salesforce Mobile App Plus. Находит ошибки прайминга и формирует исправления кода.
CX Codex +1
4 700установок
mobile-platform-native-capabilities-integrate скилл Помогает собрать Salesforce LWC с нативными функциями мобильного устройства: сканированием, геолокацией, NFC и платежами. Нужен при работе с lightning/mobileCapabilities.
CX Codex +1
4 700установок
pencilkit скилл Помогает настроить рисование через PencilKit в Swift, настроить инструменты PKToolPicker и сохранить штрихи. Пригодится при создании экранов для заметок и подписей на iOS.
CX Codex +1
3 100установок
clerk-astro-patterns скилл Подсказывает агенту, как подключить Clerk к Astro: middleware, защита SSR-страниц, авторизация в API-роутах и островных компонентах.
CX Codex +1
14 300установок
prototype-prompt-generator скилл Скилл превращает требования к интерфейсу в подробный технический промпт для генерации HTML, CSS или React-прототипов.
CX Codex +1
393установок
critique-color скилл Скилл разбирает цветовую схему одного экрана: измеряет контрастность текста и кнопок, проверяет палитру на лишние hex-значения и следит за доступностью интерфейса.
CX Codex +1
1 600установок
add-read-aloud скилл Добавляет в существующее приложение озвучку ответов и других текстов через Grok Text to Speech. Сгодится для кнопки чтения вслух, автозапуска речи или озвучивания страницы.
CX Codex +1
320установок
add-voice скилл Добавляет в приложение голосовой диалог Grok с передачей речи в обе стороны. Нужен при замене каскада STT-LLM-TTS или OpenAI Realtime.
CX Codex +1
319установок
1 041–1 080 из 2 909
