NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
anticipation-payoff скилл Скилл учит ИИ-агента выстраивать фазы подготовки и отдачи в анимации. Пригодится при проектировании динамичных сцен, гэгов и акцентных движений в интерфейсе или играх.
CX Codex +1
519установок
encore-frontend скилл Скилл связывает фронтенд на React, Next.js, Vue или Svelte с бэкендом Encore.ts: генерация типизированного клиента, CORS и токены авторизации.
CX Codex +1
763установок
ui-ux-pro-max скилл Подбирает стили, шрифтовые пары, семантические палитры и правила вёрстки интерфейса с приоритетом доступности и скорости загрузки.
CX Codex +1
1 200установок
performance-optimization скилл Помогает находить и устранять просадки FPS и рывки в анимациях интерфейса по принципам Диснея.
CX Codex +1
516установок
react-spring скилл Скилл показывает, как собрать все 12 принципов анимации Disney на физике пружин React Spring — с готовыми примерами под каждый принцип.
CX Codex +1
516установок
anticipation-mastery скилл Скилл объясняет принцип anticipation и подсказывает агенту, где добавить подготовительное движение, чтобы анимация не выглядела резкой.
CX Codex +1
516установок
sap-fiori-add-visual-filter скилл Скилл добавляет в SAP Fiori Elements визуальные фильтры с диаграммами Bar или Line. Он пригодится при настройке панели фильтров или окна выбора значений для OData V4.
CX Codex +1
680установок
enterprise-b2b скилл Скилл задаёт правила анимации для B2B-интерфейсов и панелей управления. Помогает выстроить переходы и тайминги без лишней декоративности.
CX Codex +1
515установок
follow-through-overlapping скилл Скилл учит агента принципам инерции и смещения фаз в анимации. Пригодится при вёрстке интерфейсных переходов, раскадровке персонажей и кинетической типографике.
CX Codex +1
514установок
expo-liquid-glass скилл Помогает собрать стеклянные интерфейсы в Expo React Native: четыре пути реализации, проверки доступности и откат на Android.
CX Codex +1
478установок
cards-containers скилл Набор правил анимации карточек, плиток и контейнеров по 12 принципам Диснея. Помогает настроить физику перетаскивания, подъём при наведении и раскрытие списков.
CX Codex +1
513установок
hierarchy скилл Скилл разбирает интерфейс по визуальной иерархии: где главное действие теряется, что спорит за внимание и какие подписи мешают читать.
CX Codex +1
606установок
metabase-static-embedding-to-guest-embedding-upgrade скилл Переводит проект с подписанных iframe Metabase на guest embeds через веб-компоненты и embed.js. Пригодится, когда надо заменить /embed/ на <metabase-dashboard> и <metabase-question>.
CX Codex +1
355установок
metabase-full-app-to-modular-embedding-upgrade скилл Переводит проект с интерактивного iframe-встраивания Metabase на веб-компоненты модульного встраивания. Пригодится, когда нужно заменить теги iframe на embed.js.
CX Codex +1
355установок
contentful-nextjs скилл Подключает Contentful к существующему проекту Next.js: SDK, переменные окружения, клиенты для продакшена и превью, Draft Mode.
CX Codex +1
333установок
universal-emotion скилл Скилл переводит заданную эмоцию в параметры анимации: тайминги, изинг, деформацию. Пригодится, когда нужно, чтобы интерфейс ощущался спокойным, резким или игривым.
CX Codex +1
511установок
designing-frontend-interfaces скилл Скилл заставляет агента сначала написать дизайн-бриф и зафиксировать токены, а уже потом писать компоненты. Пригодится, когда интерфейс выглядит как типовой вывод ИИ.
CX Codex +1
642установок
nextjs скилл Скилл с 42 правилами по кэшированию, маршрутизации и серверным компонентам Next.js 16 App Router. Помогает агенту писать код по актуальным практикам.
CX Codex +1
479установок
timing-principle-mastery скилл Скилл обучает ассистента подбирать точную длительность и ритм анимаций в интерфейсах или играх. Помогает настроить переходы, когда движение кажется слишком резким или затянутым.
CX Codex +1
510установок
forms-inputs скилл Скилл учит агента анимировать поля ввода, текстовые области и селекты: подсказки по таймингам, состояниям и CSS-переходам для понятной обратной связи.
CX Codex +1
509установок
loaders-spinners скилл Помогает проектировать спиннеры, индикаторы загрузки и скелетоны по 12 принципам анимации Диснея. Подходит для вёрстки живых UI-состояний в CSS.
CX Codex +1
508установок
orchestrated-sequences скилл Скилл для сборки многочастных анимаций: подсказывает, как расставить задержки, кривые и роли элементов, чтобы появление выглядело одним движением.
CX Codex +1
508установок
promo-video скилл Скилл настраивает сборку промо-видео на Remotion: анимирует зачёркивание старой цены, таймер и промокод. Помогает генерировать пачки роликов для распродаж из JSON.
CX Codex +1
693установок
attention-management скилл Скилл для настройки визуальной иерархии в интерфейсе через анимацию по принципам Диснея. Он помогает сфокусировать взгляд пользователя на главном контенте и кнопках действия.
CX Codex +1
507установок
social-media скилл Скилл для анимаций в соцсетях, мессенджерах и фичах сообществ: подсказывает тайминги и поведение интерфейса.
CX Codex +1
507установок
metabase-modular-embedding-to-modular-embedding-sdk-upgrade скилл Переносит React-проект с Metabase embed.js на @metabase/embedding-sdk-react. Нужен при смене web components на React SDK.
CX Codex +1
351установок
Animation Principles - Universal Reference скилл Справочник по 12 классическим принципам анимации Диснея с разбором для новичков и опытных специалистов. Помогает агенту подбирать точную глубину ответа.
CX Codex +1
505установок
exaggeration-mastery скилл Скилл помогает решить, насколько вывести движение за пределы реализма, чтобы ключевые моменты читались на экране.
CX Codex +1
505установок
brand-strategist скилл Помогает описать характер бренда через движение: тайминги, кривые, степень растяжения. Пригодится, когда анимация в продукте должна звучать так же, как логотип и голос бренда.
CX Codex +1
505установок
feature-arch скилл Скилл задаёт правила папок и границ модулей в React-проекте: 42 правила по 8 категориям, от структуры каталогов до имён файлов.
CX Codex +1
473установок
design-studio скилл Скилл для проектирования интерфейсов, аудита визуала и вёрстки документов с разделением ролей между агентами и оценкой по скриншотам.
CX Codex +1
501установок
exit-animations скилл Скилл подсказывает агенту, как анимировать исчезновение элементов: закрытие модалок, скрытие уведомлений, удаление строк списка.
CX Codex +1
502установок
accordions-dropdowns скилл Скилл учит ассистента анимировать аккордеоны и выпадающие списки по 12 принципам анимации Диснея. Пригодится при верстке интерфейсов без рывков по высоте.
CX Codex +1
502установок
Animation Principles - Quick Start скилл Краткая шпаргалка по 12 принципам классической анимации Disney. Пригодится, когда нужно за пять минут освежить правила движения и тайминга сцены.
CX Codex +1
502установок
verification
официальный скилл Проверяет сквозной сценарий приложения от интерфейса до базы данных при запуске dev-сервера или сбоях в работе фичи.
CX Codex GP ChatGPT
8установок
auth
официальный скилл Помогает подключить Clerk, Descope или Auth0 к Next.js и настроить вход, регистрацию и защиту маршрутов.
CX Codex GP ChatGPT
8установок
timing-calibration скилл Скилл разбирает жалобы «слишком быстро» и «слишком медленно» и подбирает длительности и easing по типу действия.
CX Codex +1
499установок
urgency-action скилл Задаёт правила анимации интерфейса для привлечения внимания и быстрой реакции. Пригодится при вёрстке таймеров и кнопок оформления заказа.
CX Codex +1
499установок
user-feedback-clarity скилл Скилл для ИИ-агента, который разбирает, почему пользователи не замечают отклик интерфейса, и подсказывает, как это исправить.
CX Codex +1
498установок
lists-grids скилл Помогает настроить анимацию списков, таблиц и сеток по 12 принципам диснеевской мультипликации. Пригодится при фильтрации данных и перетаскивании карточек.
CX Codex +1
498установок
2 441–2 480 из 2 909
