NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
12-principles-of-animation скилл Находит ошибки в веб-анимациях по двенадцати принципам движения. Выводит список замечаний с номерами строк и сводную таблицу нарушений.
CX Codex +1
2 200установок
vitest-skill скилл Генерирует юнит-тесты на Vitest для JavaScript и TypeScript проектов. Помогает настроить моки через vi и протестировать компоненты React.
CX Codex +1
448установок
liquid-glass
официальный скилл Помогает внедрить оформление Liquid Glass в приложениях на macOS SwiftUI и убрать самодельные фоны, мешающие системным материалам.
CX Codex GP ChatGPT
78установок
flutter-architecture скилл Скилл для проектирования и ревью архитектуры Flutter-приложений: слои, MVVM, feature-first структура, DI и паттерны вроде Result и Command.
CX Codex +1
1 700установок
senior-frontend скилл Помогает создавать проекты и компоненты на React и Next.js, разбирать зависимости и проверять доступность интерфейса. Пригодится для нового приложения или доработки существующего.
CX Codex +1
345установок
preview-import скилл Запускает локальный сервер AEM CLI для проверки импортированного HTML в Edge Delivery Services. Сверяет вёрстку блоков со скриншотом оригинала и находит ошибки 404.
CX Codex +1
1 600установок
find-test-content скилл Находит страницы с нужным блоком в проектах AEM Edge Delivery Services для проверки вёрстки. Выводит адреса страниц, счётчик вхождений и найденные варианты блока.
CX Codex +1
1 600установок
block-collection-and-party скилл Находит готовые блоки, плагины и примеры кода для AEM Edge Delivery Services в репозиториях Block Collection и Block Party. Пригодится при старте разработки компонентов для EDS.
CX Codex +1
1 600установок
testing-blocks скилл Прогоняет линтинг, браузерную проверку и юнит-тесты для изменений в блоках AEM Edge Delivery Services. Пригодится перед открытием пул-реквеста.
CX Codex +1
1 600установок
analyze-and-plan скилл Скилл помогает составить требования, сценарии для проверки и Definition of Done перед разработкой блоков в AEM Edge Delivery Services. Пригодится до написания кода.
CX Codex +1
1 600установок
content-modeling скилл Помогает спроектировать структуру блоков AEM Edge Delivery Services так, чтобы авторам было удобно заполнять контент.
CX Codex +1
1 600установок
content-driven-development скилл Скилл для разработки на AEM Edge Delivery Services: сначала находится или создаётся тестовый контент, потом пишется код. Пригодится при работе с блоками, стилями и scripts.js.
CX Codex +1
1 600установок
block-inventory скилл Скилл сканирует локальные папки AEM Edge Delivery Services и ищет готовые компоненты в Block Collection перед моделированием контента.
CX Codex +1
1 600установок
building-blocks скилл Скилл для реализации блоков и правок ядра в AEM Edge Delivery Services: создаёт папки блоков, пишет decorate-функции, скоупит CSS. Вызывается из content-driven-development на шаге внедрения.
CX Codex +1
1 600установок
code-review скилл Скилл проверяет код проектов AEM Edge Delivery Services на соответствие стандартам Adobe перед коммитом или в процессе ревью пулл-реквеста.
CX Codex +1
1 600установок
google-maps-platform скилл Скилл помогает внедрять сервисы Google Maps Platform в веб- и мобильные проекты. Он находит свежие инструкции и защищает от устаревших вызовов API.
CX Codex +1
944установок
trigger-realtime скилл Скилл для подписки на выполнение задач Trigger.dev прямо из браузера, рендера прогресса и потоков данных в React, а также запуска задач со скромными токенами.
CX Codex +1
2 800установок
visual-qa-testing скилл Открывает страницу во встроенном браузере Cursor, делает скриншот, читает консоль и сетевые запросы. Пригодится сразу после правок интерфейса.
CX Codex +1
642установок
contentful-custom-app-from-scratch скилл Помогает собрать кастомное приложение Contentful App Framework: от идеи и выбора локаций до локального теста и передачи.
CX Codex +1
2 800установок
add-audio скилл Скилл добавляет в браузерную игру фоновую музыку и звуковые эффекты на Web Audio API. Никаких аудиофайлов и npm-пакетов — всё синтезируется в браузере.
CX Codex +1
1 000установок
math-teacher скилл Скилл превращает объяснение математики в интерактивные HTML-страницы с графиками, бегунками и игровыми очками. Пригодится для наглядного разбора тем от дробей до интегралов.
CX Codex +1
871установок
react-native скилл Скилл задаёт структуру проекта, паттерны компонентов и правила тестирования для React Native. Пригодится, когда агент правит .tsx или код под iOS и Android.
CX Codex +1
566установок
prefetch скилл Скилл объясняет агенту техники предзагрузки ресурсов в браузере во время простоя. Помогает ускорить открытие следующих страниц и тяжёлых модальных окон.
CX Codex +1
1 500установок
import-on-interaction скилл Скилл учит агента откладывать загрузку тяжёлых компонентов и виджетов до клика, наведения или ввода в форму.
CX Codex +1
1 500установок
loading-sequence скилл Скилл объясняет агенту, в каком порядке грузить CSS, шрифты, JS и картинки, чтобы страница проходила Core Web Vitals.
CX Codex +1
1 500установок
preload скилл Обучает агента настраивать предзагрузку критических ресурсов сайта. Помогает подтянуть шрифты, ключевые скрипты и баннеры, которые браузер находит слишком поздно.
CX Codex +1
1 500установок
compression скилл Скилл объясняет, как сжимать JavaScript через Gzip и Brotli, чтобы скрипты быстрее уходили по сети. Полезен при настройке продакшен-сборки и медленных соединениях.
CX Codex +1
1 500установок
bundle-splitting скилл Скилл учит агента делить большой JavaScript-бандл на части, чтобы быстрее рисовалась первая страница и приложение становилось интерактивным.
CX Codex +1
1 500установок
dynamic-import скилл Обучает агента разделять бандл через dynamic import(). Скилл помогает отложить загрузку тяжёлых библиотек и диалогов до действий пользователя.
CX Codex +1
1 500установок
cypress-tap скилл Управляет запущенной сессией Cypress open через CLI без интерфейса. Помогает прогонять тесты, читать логи репортёра и проверять DOM прямо из чата с агентом.
CX Codex +1
2 700установок
add-feature скилл Добавляет игровую механику в браузерную игру на Three.js или Phaser. Пригодится, когда нужно внедрить бонусы, комбо или двойной прыжок без поломки архитектуры проекта.
CX Codex +1
977установок
tanstack-form скилл Скилл учит ассистента создавать формы на базе TanStack Form с типизацией TypeScript, валидацией через Zod или Valibot и динамическими массивами полей.
CX Codex +1
4 300установок
gsap-animation скилл Связывает GSAP с Remotion для рендеринга моушн-графики и сложных таймлайнов. Нужен при анимации текста, морфинге SVG и нестандартных кривых смягчения.
CX Codex +1
313установок
om-mockup-prototype скилл Скилл собирает кликабельный низкодетализированный прототип из продуктового брифа. Он генерирует локальный HTML со статикой и проверяет сценарий в браузере до передачи задачи в бэклог.
CX Codex +1
1 500установок
ue-component-model скилл Скилл настраивает блоки AEM Edge Delivery Services для Universal Editor. Он изучает JS и CSS компонента, после чего создаёт или правит файлы JSON-конфигурации.
CX Codex +1
1 500установок
sapui5-cli скилл Ведёт проект на SAPUI5 или OpenUI5 через UI5 CLI: инициализация, сборка, dev-сервер, конфиги ui5.yaml.
CX Codex +1
813установок
roblox-gui скилл Набор правил для вёрстки интерфейсов в Roblox. Помогает адаптировать HUD и магазины под смартфоны и консоли.
CX Codex +1
2 200установок
shadcn
официальный скилл Скилл помогает Codex работать с компонентами shadcn/ui: выбрать их, добавить в проект и настроить тему. Пригодится при сборке интерфейса на React с Tailwind CSS.
CX Codex GP ChatGPT
72установок
responsive-craft скилл Скилл для адаптивной вёрстки: разбирает существующий сайт, строит раскладку с нуля или открывает живой предпросмотр на разных ширинах экрана.
CX Codex +1
738установок
accessibility-audit скилл Скилл проводит глубокую проверку доступности сайта по стандарту WCAG 2.2 и методологии WCAG-EM. Он собирает выборку страниц, запускает тесты и формирует итоговый отчёт о соответствии.
CX Codex +1
1 100установок
1 481–1 520 из 2 909
