NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
hover-interactions скилл Скилл для анимаций при наведении курсора: подсветка кнопок, подъём карточек, подчёркивание ссылок, зум картинок. Пригодится, когда интерфейсу нужны живые отклики на мышь.
CX Codex +1
604установок
ui-ux-polish скилл Скилл для итеративной доводки интерфейса веб-приложения: отдельно десктоп и мобильные, паттерны вроде glassmorphism и проверка доступности.
CX Codex +1
539установок
awesome-design-md скилл Подбирает стиль интерфейса из библиотеки DESIGN.md и применяет его к вёрстке: layout, цвет, типографика, отступы.
CX Codex +1
666установок
dotnet-wpf-modern скилл Скилл для ИИ-агента, который подсказывает, как строить WPF-приложения на .NET 8 и новее: Host builder, MVVM Toolkit, тема Fluent.
CX Codex +1
301установок
frontend-architecture скилл Скилл для проектирования фронтенда: слои, паттерны, управление состоянием и границы модулей. Пригодится, когда приложение растёт и его пора структурировать.
CX Codex +1
722установок
legend-state-best-practices скилл Скилл задаёт правила работы с @legendapp/state: где хранить состояние, как подписываться и что делать с персистентностью. Пригодится при рефакторинге и аудите реактивного кода.
CX Codex +1
475установок
flipoff-split-flap-display скилл Скилл помогает собрать, настроить и встроить эмулятор механического flip-табло FlipOff — веб-приложение без сборки и фреймворков.
CX Codex +1
849установок
playfulness-fun скилл Скилл для анимаций, которые развлекают: преувеличенные отскоки, покачивания и пружинные кривые. Пригодится в играх, онбординге и пустых состояниях.
CX Codex +1
594установок
blockbench-plugins скилл Помогает разрабатывать плагины на JavaScript для 3D-редактора Blockbench: от меню и диалогов до операций с мешами и транзакций отмены.
CX Codex +1
647установок
ionic-react скилл Ведёт агента по разработке приложений на Ionic Framework с React: структура проекта, IonReactRouter, хуки жизненного цикла и работа с состоянием.
CX Codex +1
717установок
vtex-io-storefront-theme-versioning скилл Инструктирует агента по обновлению, публикации и откату тем оформления в VTEX IO без потери контента из Site Editor при смене мажорной версии.
CX Codex +1
777установок
wix-vibe-headless скилл Подключает фронтенд напрямую к живому сайту Wix через публичный WIX_CLIENT_ID. Работает в браузере через REST без бэкенда и @wix/sdk.
CX Codex +1
404установок
elegance-sophistication скилл Набор правил для ИИ-ассистентов по созданию сдержанных анимаций интерфейса. Помогает настроить плавные переходы без отскоков для сайтов люксовых брендов и отелей.
CX Codex +1
585установок
pump-analyzer-solana скилл Статичный фронтенд для наблюдения за запусками токенов Pump.fun на Solana: WebSocket-поток, графики цены и объёма, алерты по своим условиям.
CX Codex +1
837установок
react-coding-style скилл Скилл для ИИ-агента: помогает писать и ревьюить React-код с узкими подписками, стабильными идентичностями и честными зависимостями хуков.
CX Codex +1
466установок
data-visualization скилл Задаёт правила анимации графиков, дашбордов и диаграмм по 12 принципам Диснея. Помогает настроить тайминги в D3.js и Chart.js без искажения данных.
CX Codex +1
583установок
liveblocks-best-practices скилл Скилл по Liveblocks: подсказывает агенту, как собирать комнаты, комментарии, курсоры и совместное редактирование, и разбирает типичные ошибки.
CX Codex +1
882установок
creative-director скилл Скилл задаёт роль креативного директора по анимации на базе 12 принципов Диснея. Помогает выстроить единый язык движения, тайминги и правила визуальной динамики в проекте.
CX Codex +1
581установок
ui-visual-composition скилл Скилл учит агента верстать и рецензировать UI. Он помогает выстраивать иерархию, системные отступы и состояния экранов без лишнего декора.
CX Codex +1
707установок
transition-sequences скилл Скилл для многошаговых анимаций: переходы страниц, онбординг, шаги визарда. Подсказывает тайминги и порядок шагов по принципам Disney.
CX Codex +1
575установок
carousels-sliders скилл Скилл помогает ИИ настраивать плавную анимацию каруселей, слайдеров и галерей по правилам классической анимации.
CX Codex +1
575установок
ionic-vue скилл Ведёт агента по разработке Ionic-приложений на Vue: структура проекта, навигация, хуки жизненного цикла и композаблы. Пригодится, когда страницы не обновляют данные при повторном заходе.
CX Codex +1
697установок
tailwindcss-fundamentals-v4 скилл Скилл по Tailwind CSS v4: установка, CSS-first настройка через @theme, миграция с v3 и новые утилиты. Пригодится, когда проект переезжает на v4.
CX Codex +1
389установок
frontend-design скилл Ведёт агента по порядку решений: сначала задача и иерархия, потом системы, и только затем цвет и декор. Пригодится при сборке или переделке интерфейсов.
CX Codex +1
675установок
education-learning скилл Скилл для тех, кто делает анимации в e-learning и тренажёрах: подсказывает тайминги, отклик на ответ и подачу прогресса.
CX Codex +1
570установок
nuxt-seo скилл Скилл по восьми модулям Nuxt SEO v5: robots.txt, карты сайта, OG-картинки, Schema.org и метатеги. Пригодится, когда SEO надо настроить в Nuxt-проекте.
CX Codex +1
324установок
travel-hospitality скилл Скилл задаёт правила анимации для сервисов бронирования отелей, билетов и туристических приложений на основе 12 принципов Disney.
CX Codex +1
568установок
dramatic-2000ms-plus скилл Скилл для анимаций длиннее 2000 мс: кинематографичные интро, сюжетные последовательности, премиальные онбординги. Пригодится, когда анимация и есть продукт.
CX Codex +1
566установок
open-pencil-design-editor скилл Скилл учит агента читать и менять файлы .fig, собирать дизайн-токены и экспортировать макеты в код через CLI или MCP-сервер OpenPencil. Пригодится для автоматизации вёрстки и разбора дизайна.
CX Codex +1
810установок
loading-states скилл Скилл для индикаторов загрузки: спиннеры, прогресс-бары, скелетоны и шиммер. Пригодится, когда интерфейс должен показать, что система работает.
CX Codex +1
565установок
rive-animations скилл Скилл помогает агенту собрать анимацию в Rive по 12 принципам Disney: стейт-машины, инпуты, тайминги и React-обвязка.
CX Codex +1
564установок
notifications-toasts скилл Скилл учит ИИ-агента анимировать тосты и системные уведомления по 12 принципам классической анимации. Пригодится при вёрстке всплывающих окон в UI.
CX Codex +1
561установок
tailwindcss скилл Скилл учит ИИ-агента верстать интерфейс JARVIS утилитарными классами Tailwind CSS: тёмная HUD-тема, адаптивная сетка, анимации и тесты до реализации.
CX Codex +1
498установок
vtex-io-rootpath скилл Скилл для VTEX IO-приложений в мультибиблиотечных магазинах: подсказывает, как строить URL с учётом префикса привязки. Пригодится при отладке 404 и битых ссылок.
CX Codex +1
740установок
frontend-developer скилл Скилл помогает реализовать интерфейсные анимации и переходы по 12 классическим принципам в веб- и мобильных приложениях. Пригодится при настройке микроанимаций кнопок и карточек.
CX Codex +1
558установок
navigation-menus скилл Скилл для анимации навбаров, меню и сайдбаров: тайминги, кривые и состояния переходов по принципам Disney.
CX Codex +1
557установок
instrument-integration скилл Скилл добавляет PostHog SDK в приложение: определяет стек, ставит пакет, прописывает инициализацию и переменные окружения.
CX Codex +1
537установок
typescript-data-visualization-engineering
официальный скилл Помогает проектировать архитектуру визуализации данных на TypeScript: от строгих схем и разделения слоёв до подбора библиотек вроде D3, Three.js или Canvas.
CX Codex GP ChatGPT
9установок
gantt-chart-visualization
официальный скилл Проектирует диаграммы Ганта, оценивает структуру расписания и подбирает стек визуализации. Помогает связать задачи, вехи и зависимости проекта.
CX Codex GP ChatGPT
9установок
canvas2d-data-visualization
официальный скилл Скилл помогает строить визуализации данных на Canvas2D, когда в DOM слишком много элементов. Нужен для плотных scatter plot, спарклайнов, теплокарт и рендеринга сотен тысяч точек.
CX Codex GP ChatGPT
9установок
2 361–2 400 из 2 909
