NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
page-transitions скилл Скилл для анимации смены маршрутов, модалок и навигации. Помогает агенту выбрать тайминги и тип перехода вместо случайных значений.
CX Codex +1
669установок
rspress-docs-generator скилл Разворачивает сайт документации на Rspress v2 или обновляет существующие страницы под изменения в коде, тестах и API.
CX Codex +1
306установок
echarts скилл Скилл для работы с графиками Apache ECharts: сборка, стилизация, отладка и оптимизация в JavaScript, React и Vue.
CX Codex +1
2 700установок
accessibility-and-inclusive-visualization
официальный скилл Скилл для Codex и ChatGPT, который проверяет графики, диаграммы и дашборды на доступность: контраст, подписи, клавиатура, текстовая альтернатива.
CX Codex GP ChatGPT
11установок
react-hook-form-zod скилл Помогает создавать формы на React с валидацией через Zod и React Hook Form. Пригодится при настройке схем, вложенных полей и серверной проверки.
CX Codex +1
376установок
react-native-animations скилл Свод инструкций по плавной анимации интерфейсов в React Native на базе Reanimated 3 и Gesture Handler. Помогает собирать жесты и переходы без просадок кадров.
CX Codex +1
663установок
fitness-wellness скилл Скилл задаёт тайминги и приёмы анимации для фитнес-приложений, трекеров тренировок и медитаций. Пригодится, когда интерфейс должен подбадривать, а не просто двигаться.
CX Codex +1
663установок
jest-generator скилл Генерирует модульные тесты на Jest для JavaScript, TypeScript и React-компонентов. Помогает закрыть пробелы в покрытии и настроить моки для внешних вызовов.
CX Codex +1
374установок
inngest-realtime скилл Скилл учит агента публиковать обновления из durable-функций Inngest в живой интерфейс: статусы заказов, стриминг токенов, логи и подтверждения от пользователя.
CX Codex +1
797установок
thesys-generative-ui скилл Скилл учит агента собирать React-компоненты из описания на естественном языке через Thesys SDK. Пригодится, когда интерфейс нужно набросать по текстовому запросу.
CX Codex +1
371установок
nuxt-studio скилл Настраивает визуальный редактор Nuxt Studio для проектов на Nuxt Content. Помогает подключить авторизацию через OAuth и развернуть редактор на поддомене в Cloudflare.
CX Codex +1
368установок
maz-ui скилл Скилл даёт агенту знание Maz-UI v4: 50+ компонентов, composables, директивы и темы для Vue 3 и Nuxt 3. Пригодится, когда собираете формы, диалоги или таблицы.
CX Codex +1
369установок
sales-app-extensibility скилл Помогает разрабатывать, настраивать и собирать расширения для VTEX Sales App. Проводит через семь этапов от проверки структуры проекта до деплоя.
CX Codex +1
856установок
e-commerce-retail скилл Скилл описывает анимации для карточек товаров, корзины и оформления заказа по 12 принципам Disney. Пригодится, если интерфейс магазина должен выглядеть дорого и не тормозить покупку.
CX Codex +1
647установок
mastering-animate-presence скилл Проверяет код Motion и Framer Motion на ошибки в AnimatePresence и exit-анимациях. Пригодится при ревью модалок и списков.
CX Codex +1
323установок
tigris-static-assets скилл Настраивает выгрузку статики в хранилище Tigris с глобальной раздачей через CDN, заголовками Cache-Control и интеграцией с веб-фреймворками.
CX Codex +1
3 100установок
tigris-image-optimization скилл Скилл для работы с картинками в Tigris: режет варианты при загрузке, отдаёт их через публичный бакет и подсказывает настройки под ваш фреймворк.
CX Codex +1
3 100установок
accessible-motion скилл Скилл помогает заменить опасные анимации на безопасные альтернативы и соблюсти требования WCAG по движению. Пригодится, когда в интерфейсе есть параллакс, зум или бесконечные циклы.
CX Codex +1
642установок
gh-pages-deploy скилл Скилл публикует HTML/CSS/JS-проекты в GitHub Pages через gh. Нужен, когда проекту требуется общедоступный URL.
CX Codex +1
312установок
pwa-development скилл Скилл для React и Svelte: помогает добавить service worker, офлайн-режим и установку приложения. Пригодится, когда PWA нужен, а не прикручен в конце.
CX Codex +1
437установок
react-flow-code-review скилл Проверяет код на @xyflow/react по чек-листу: антипаттерны, лишние ре-рендеры, типы. Пригодится, когда граф тормозит или ноды пересоздаются.
CX Codex +1
319установок
anime-js скилл Скилл для ИИ-агента, который подсказывает, как собрать анимацию на Anime.js по 12 принципам Disney.
CX Codex +1
639установок
woocommerce-copy-guidelines скилл Скилл задаёт правила написания пользовательских текстов в WooCommerce: подписи кнопок, метки полей, сообщения и документация. Пригодится, когда интерфейс магазина пишут несколько человек.
CX Codex +1
363установок
render-static-sites скилл Помогает агенту развернуть статический сайт или SPA на CDN Render: команды сборки, путь публикации, роутинг, заголовки и превью из пул-реквестов.
CX Codex +1
367установок
sentry-react-sdk скилл Скилл сканирует React-приложение и проводит через полную настройку Sentry: ошибки, трейсинг, session replay, логи и профилирование.
CX Codex +1
579установок
capacitor-vue скилл Помогает внедрять нативные плагины Capacitor в проекты на Vue 3, Quasar и Nuxt с помощью Composition API и реактивных композаблов.
CX Codex +1
757установок
remotion-animation скилл Формирует параметры анимаций для Remotion: пружины, интерполяции и тайминги кадров без кода компонентов.
CX Codex +1
441установок
brand-color-psychology скилл Справочник по подбору палитры с учётом психологии восприятия, контрастности и архетипов. Помогает назначить роли оттенкам и отстроиться от конкурентов.
CX Codex +1
300установок
webgl скилл Скилл по WebGL для кастомных шейдеров и визуальных эффектов: голограммы, постобработка, системы частиц. Пригодится, если делаете 3D-интерфейс.
CX Codex +1
555установок
cloudinary-transformations скилл Скилл собирает и отлаживает URL трансформаций Cloudinary из обычной просьбы на русском или английском. Пригодится, когда нужно нарезать, кадрировать или оптимизировать картинки и видео.
CX Codex +1
852установок
mapbox-navigation-patterns скилл Подсказывает агенту, как собрать пошаговую навигацию, мультистоповые маршруты и голосовые подсказки на Mapbox.
CX Codex +1
401установок
tauri скилл Скилл настраивает десктопные приложения на Tauri 2.0 с упором на безопасность IPC, изоляцию путей и разграничение прав через capabilities.
CX Codex +1
550установок
gsap-awwwards-website скилл Скилл разворачивает шаблон продуктового лендинга на React 19 с GSAP-анимациями по скроллу и Tailwind CSS 4.
CX Codex +1
810установок
suggest-lucide-icons скилл Подбирает иконки из набора Lucide под понятие, место в интерфейсе или заметку. Проверяет имена по каталогу, чтобы не выдумать несуществующую иконку.
CX Codex +1
616установок
jkvideo-bilibili-react-native скилл Скилл помогает разрабатывать мобильный клиент Bilibili на базе React Native 0.83 и Expo SDK 55. Нужен при настройке DASH, WBI-подписи и стриминга.
CX Codex +1
879установок
svg-art скилл Скилл для генерации SVG-графики кодом: иконки, паттерны, фракталы, диаграммы и графики через исполняемые Python-скрипты.
CX Codex +1
510установок
audit
официальный скилл Пошагово проходит интерфейсы, сохраняет проверенные скриншоты и формирует отчёт по UX и доступности прямо в чате.
CX Codex GP ChatGPT
10установок
stream-react-native скилл Скилл для работы с Stream Chat, Video и Feeds в приложениях React Native CLI и Expo: сборка, интеграция, миграции и аудит.
CX Codex +1
706установок
healthcare-medical скилл Задаёт правила анимации для медицинских приложений, порталов пациентов и телемедицины: спокойные переходы вместо резких.
CX Codex +1
606установок
critique скилл Разбирает интерфейс с точки зрения UX, проверяет визуальную иерархию и когнитивную нагрузку. Помогает убрать шаблоны ИИ-генерации и расставить акценты.
CX Codex +1
705установок
2 321–2 360 из 2 909
