NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
nextjs-app-router-fundamentals скилл Скилл ведёт агента по Next.js App Router: перенос с Pages Router, вложенные layout, метаданные, динамические маршруты. Пригодится при переходе на app/.
CX Codex +1
2 200установок
playwright-blazor-testing скилл Скилл учит агента писать end-to-end тесты для Blazor Server и WebAssembly на Playwright: навигация, формы, авторизация, селекторы.
CX Codex +1
537установок
vega-multi-tv-migration скилл Скилл переводит приложения Vega OS для Fire TV в монорепозиторий React Native. Он помогает перенести общий код на Android TV и Apple TV.
CX Codex +1
10 400установок
tesseract-editor скилл Скилл помогает собрать или изменить браузерный редактор проектов Tesseract .tsrct. Он пригодится для настройки элементов управления, предпросмотра и сохранения.
CX Codex +1
1 200установок
r3f-fundamentals скилл Скилл учит агента строить сцены React Three Fiber: Canvas, типизированный JSX, хуки рендер-цикла и владение ресурсами. Для базовой архитектуры сцены, не для детальных материалов.
CX Codex +1
2 100установок
app-ui-design скилл Скилл для проектирования интерфейсов iOS и Android: дизайн-системы, доступность, гайдлайны платформ. Пригодится, когда агент рисует экраны или проверяет контраст.
CX Codex +1
636установок
posthog-analytics скилл Скилл для внедрения продуктовой аналитики PostHog: события, идентификация пользователей, фича-флаги и дашборды. Пригодится, когда нужно добавить трекинг в проект.
CX Codex +1
809установок
sentry-react-router-framework-sdk скилл Помогает настроить мониторинг ошибок и трейсинг в проектах на React Router v7 в режиме Framework mode. Пригодится при подключении пакета @sentry/react-router.
CX Codex +1
1 800установок
emilkowal-animations скилл Набор из 58 правил веб-анимации на базе подходов Эмиля Ковальски для React и CSS. Помогает настроить кривые плавности, жесты и тайминги.
CX Codex +1
2 800установок
phaser скилл Скилл задаёт агенту структуру проекта для 2D-игр на Phaser 3: сцены, общий стейт, шина событий. Пригодится, когда начинаете новую игру или добавляете в неё механики.
CX Codex +1
1 400установок
download-page-generator скилл Устаревший скилл-заглушка для страниц загрузки. Сообщает агенту, что правила перенесены в page-builder из репозитория Pagina.
CX Codex +1
1 000установок
toc-generator скилл Скилл-заглушка: сборка оглавления теперь живёт в Bricks, а здесь только команда установки преемника.
CX Codex +1
1 000установок
services-page-generator скилл Устаревшая заглушка для сборки страниц услуг. Предупреждает о переносе инструкций в репозиторий Pagina и предлагает перейти на page-builder.
CX Codex +1
1 000установок
popup-generator скилл Заглушка для обратной совместимости, указывающая на переезд правил сборки модальных окон. Пригодится тем, кто ищет замену старому генератору попапов.
CX Codex +1
1 000установок
social-share-generator скилл Заглушка совместимости для создания кнопок шаринга в соцсетях. Направляет к новому репозиторию Bricks со скиллом component-builder.
CX Codex +1
1 000установок
tab-accordion скилл Совместимостная заглушка для сборки вкладок и аккордеонов. Правил компонента внутри нет — работу перенесли в Bricks.
CX Codex +1
1 000установок
audit скилл Проводит технический аудит интерфейса: доступность, производительность, адаптивность. Отдаёт таблицу находок по приоритетам.
CX Codex +1
929установок
sap-fiori-tools скилл Скилл для разработки приложений SAP Fiori: генерация шаблонов, Page Editor, аннотации, деплой на ABAP или Cloud Foundry — всё через агента.
CX Codex +1
1 200установок
shiny-bslib скилл Скилл для сборки дашбордов на Shiny с bslib и Bootstrap 5. Пригодится, когда переносите старое приложение на новые компоненты.
CX Codex +1
801установок
angular-performance скилл Скилл для Angular: подсказывает, как грузить картинки через NgOptimizedImage, откладывать тяжёлые компоненты через @defer и настроить SSR с гидратацией.
CX Codex +1
350установок
frontend-enhancer скилл Скилл для Next.js: готовые компоненты, палитры, анимации и шаблоны секций. Пригодится, когда интерфейс выглядит сыро и нужен план правок.
CX Codex +1
968установок
swiftui-whats-new-27 скилл Справочник по изменениям SwiftUI в SDK 27 для агентов кодинга. Помогает адаптировать проект под новые API и исправить сборку после перехода @State на макросы.
CX Codex +1
737установок
qt-qml-docs скилл Скилл читает .qml-файлы и связанный код, а на выходе даёт Markdown-справочник по компоненту: свойства, сигналы, методы, зависимости.
CX Codex +1
719установок
r3f-animation скилл Скилл для плавной анимации 3D-объектов в React Three Fiber через useFrame, damping и GLTF-клипы. Подходит для процедурного движения, переходов между состояниями и управления анимацией по запросу.
CX Codex +1
2 000установок
frontend-testing-best-practices скилл Набор из 6 правил тестирования фронтенда: заставляет писать сквозные E2E-тесты в Playwright вместо изолированных юнит-тестов компонентов.
CX Codex +1
2 200установок
rsbuild-best-practices скилл Задаёт правила настройки, проверки и отладки сборщика Rsbuild. Помогает настроить конфиг, оптимизировать бандл и выявить узкие места при компиляции.
CX Codex +1
2 700установок
mjml-email-templates скилл Скилл учит агента собирать транзакционные письма на MJML и компилировать их в HTML, который одинаково выглядит в Outlook, Gmail и Apple Mail.
CX Codex +1
492установок
ui-craft-minimal скилл Настраивает агента на вёрстку минималистичных интерфейсов в духе Linear, Notion и Vercel. Фиксирует монохромную гамму, крупный воздух и запрещает лишнюю анимацию.
CX Codex +1
903установок
vocabulary скилл Обратный словарь по дизайну и интерфейсам: помогает подобрать точный термин для элемента UI, формулировки в спецификации или коммите.
CX Codex +1
1 100установок
ui-craft-editorial скилл Скилл настраивает журнальную типографику для блогов, лонгридов и медиа. Он фиксирует параметры чтения, ограничивает палитру и запрещает продуктовые шрифты.
CX Codex +1
898установок
qt-qml-profiler скилл Скилл запускает профилировщик Qt для 2D-приложений на QML и разбирает трассу, чтобы найти узкие места. Пригодится, когда интерфейс тормозит или нужно проверить отрисовку, сигналы и привязки.
CX Codex +1
701установок
colorize скилл Скилл добавляет один акцент в 3–5 местах интерфейса или убирает лишний цвет, возвращая экран к нейтральной основе.
CX Codex +1
890установок
heuristic скилл Прогоняет интерфейс по 10 эвристикам Нильсена и 6 законам дизайна, выдаёт таблицу находок и балл UsabilityScore от 0 до 100.
CX Codex +1
881установок
frontend-visual-qa скилл Проверяет уже отрендеренный интерфейс в реальном браузере: типографику, переполнение, адаптив, маршруты, графики. Пригодится после вёрстки, когда сборка прошла, а глазами никто не смотрел.
CX Codex +1
572установок
shiny-bslib-theming скилл Скилл для оформления Shiny-приложений через bslib и Bootstrap 5: пресеты, цвета, шрифты, тёмный режим и живую подстройку темы.
CX Codex +1
750установок
r3f-materials скилл Помогает настроить PBR-поверхности и прозрачность в React Three Fiber. Предотвращает ошибки с цветовыми пространствами текстур и лишней нагрузкой на видеокарту.
CX Codex +1
1 900установок
r3f-postprocessing скилл Скилл подсказывает агенту, как собрать постобработку в React Three Fiber: блум по выбранным объектам, глубину резкости, SSAO. Пригодится, когда картинка в сцене не сходится с задумкой.
CX Codex +1
1 900установок
game-audio скилл Генерирует процедурную фоновую музыку и звуковые эффекты для браузерных игр через Web Audio API. Работает без внешних файлов и сторонних пакетов.
CX Codex +1
1 300установок
shape скилл Скилл прогоняет экран через вайрфрейм-проход: ASCII-раскладка, список состояний, инвентарь контента и открытые вопросы — до первой строки кода.
CX Codex +1
867установок
foundry-hosted-agent-copilotkit
официальный скилл Помогает связать фронтенд React на CopilotKit с агентом Microsoft Agent Framework в Microsoft Foundry через протокол AG-UI. Пригодится при сборке веб-приложений с ИИ-агентами на стеке Azure.
29установок
1 361–1 400 из 2 909
