NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
playwright-e2e-testing скилл Скилл для написания и поддержки E2E-тестов на Playwright с TypeScript: пользовательские сценарии, формы, авторизация, моки и визуальные сравнения.
CX Codex +1
615установок
web-frameworks скилл Скилл-группа для фуллстек-разработки: подсказывает агенту, как собирать приложения на Next.js, монорепозитории на Turborepo и подключать иконки RemixIcon.
CX Codex +1
372установок
fire-paper-loader скилл Создаёт прелоадер в виде горящей бумаги на WebGL 1 и OffscreenCanvas. Анимация огня не зависает в веб-воркере, пока основной поток браузера занят сборкой страницы.
CX Codex +1
319установок
shopify-theme-optimization скилл Скилл разбирает скорость и UX темы Shopify: Core Web Vitals, Liquid, загрузку картинок, мобильную вёрстку. Выдаёт план внедрения по шагам.
CX Codex +1
1 100установок
brand-visual-generator скилл Скилл помогает задать или проверить визуальную айдентику: шрифты, палитру, отступы, дизайн-токены и эстетику фронтенда.
CX Codex +1
1 400установок
nextjs-react-typescript скилл Скилл задаёт стиль кода для Next.js App Router, React, TypeScript, Shadcn UI и Tailwind. Агент пишет функциональные компоненты, серверные по умолчанию, с TypeScript-интерфейсами.
CX Codex +1
5 200установок
design-loop скилл Скилл ведёт цикл: читает задачу из файла-эстафеты, генерирует страницу в HTML/Tailwind, встраивает её в сайт и пишет следующую задачу.
CX Codex +1
1 000установок
macos-notch-ui скилл Скилл помогает добавить в приложение macOS панель, которая раскрывается от выреза экрана. Пригодится для индикатора записи или другого короткого статуса.
CX Codex +1
557установок
tailwind-css скилл Задаёт правила стилизации Tailwind CSS: запрещает ломать вёрстку старых версий синтаксисом v4, требует проверку сборки и инспекцию DOM.
CX Codex +1
3 000установок
yyl-remotion-video скилл Превращает статью, сценарий или заметки в проект Remotion и рендерит mp4. Пригодится, когда нужен видеофайл, а не веб-презентация.
CX Codex +1
503установок
ui-components скилл Скилл задаёт правила разработки интерфейсов на базе shadcn/ui и Radix Primitives. Помогает строить дизайн-системы, настраивать стили v4 и связывать формы с Zod.
CX Codex +1
1 500установок
nuxt-i18n скилл Скилл для ИИ-агента, который помогает настроить локали, маршруты и SEO в Nuxt-приложении через @nuxtjs/i18n.
CX Codex +1
589установок
playwright-core скилл Скилл даёт готовые паттерны Playwright для сквозных тестов, API и моков в проектах на TypeScript и JavaScript. Пригодится при отладке упавших сценариев и настройке фикстур.
CX Codex +1
778установок
ui-craft-dense-dashboard скилл Задаёт агенту стиль для админок и аналитических панелей: плотная сетка, моноширинные числа, семантические цвета. Пригодится, когда интерфейс делают для оператора, а не для лендинга.
CX Codex +1
1 200установок
uni-app скилл Скилл-справочник по uni-app: подсказывает агенту компоненты, API и правила сборки под iOS, Android, HarmonyOS, веб и мини-программы.
CX Codex +1
2 000установок
design скилл Набор дизайн-скиллов для интерфейсов Apple: Liquid Glass, анимации, игровой отклик, UX-тексты, SF Symbols и типографика. Пригодится, когда экран выглядит плоско и нужен план правок.
CX Codex +1
677установок
zustand-patterns скилл Справочник по управлению состоянием на Zustand 5.x: слайсы, middleware, Immer, useShallow, персистентность и devtools. Пригодится, когда хочется уйти от Redux без лишнего кода.
CX Codex +1
1 400установок
odoo-18 скилл Справочник по разработке модулей под Odoo 18 для ИИ-агентов. Помогает писать модели ORM, контроллеры, компоненты OWL, отчёты QWeb и файлы безопасности.
CX Codex +1
1 500установок
astro-framework скилл Скилл для ИИ-агента, который разбирается в islands architecture, гидратации и Content Layer API. Пригодится, когда проект на Astro растёт и нужно решить, что рендерить на сервере, а что в браузере.
CX Codex +1
2 200установок
react-pdf скилл Генерирует PDF-документы через библиотеку @react-pdf/renderer. Помогает собирать счета, отчёты и формы прямо из TypeScript-кода.
CX Codex +1
751установок
om-ux-setup скилл Собирает дизайн-систему вашего репозитория в .uxproof/, чтобы UX-скиллы судили код по вашим правилам, а не по встроенным.
CX Codex +1
2 500установок
om-ux-review-pr скилл Скилл проверяет интерфейс в браузере по изменениям ветки или пулл-реквеста и находит ошибки взаимодействия.
CX Codex +1
2 600установок
nextjs-seo скилл Скилл помогает настраивать SEO в Next.js App Router и проверять сайт по данным production. Пригодится для метаданных, индексации и диагностики поисковой видимости.
CX Codex +1
2 400установок
mantine-form скилл Скилл для сборки форм на @mantine/form: валидация, схемы zod и valibot, вложенные поля и массивы. Пригодится, когда агент пишет формы в Mantine.
CX Codex +1
2 700установок
open-graph скилл Скилл настраивает и проверяет теги Open Graph для превью в соцсетях. Помогает подготовить разметку страниц в HTML или Next.js App Router.
CX Codex +1
1 200установок
sentry-svelte-sdk скилл Скилл проводит агента через полную настройку Sentry в Svelte и SvelteKit: сканирует проект, предлагает набор функций и пишет конфиги.
CX Codex +1
2 100установок
sap-fiori-guidelines скилл Скилл подкладывает агенту официальные правила дизайн-системы SAP Fiori: кнопки, формы, таблицы, страницы, цвета, доступность и паттерны Joule.
CX Codex +1
1 200установок
motion-dev-animations скилл Генерирует GPU-анимации на Motion.dev для React, Next.js, Svelte и Astro. Помогает настроить физику пружин, скролл-эффекты и жесты с учётом prefers-reduced-motion.
CX Codex +1
594установок
ue-ui-umg-slate скилл Помогает писать и чинить интерфейсы Unreal Engine 5.8 на C++: UMG, Slate, экраны Common UI и вьюмодели MVVM.
CX Codex +1
1 400установок
navigation-menu-generator скилл Служебный скилл для обратной совместимости при сборке навигационного меню. Сообщает о переносе компонента в пакет Bricks.
CX Codex +1
1 100установок
favicon-generator скилл Помогает собрать favicon и иконки приложений: размеры, форматы, теги в HTML и требования Google Search.
CX Codex +1
1 100установок
affiliate-page-generator скилл Устаревшая запись совместимости для создания страниц партнёрских программ. Правила вёрстки вынесены в скилл page-builder библиотеки Pagina.
CX Codex +1
1 100установок
mobile-friendly скилл Разбирает мобильную версию сайта: viewport, размер шрифта, зоны нажатия, паритет контента с десктопом. Пригодится, когда Google индексирует мобильную версию, а не десктопную.
CX Codex +1
1 100установок
twitter-cards скилл Настраивает мета-теги карточек Twitter и X для корректного отображения ссылок в ленте.
CX Codex +1
1 100установок
core-web-vitals скилл Скилл помогает находить и исправлять проблемы LCP, INP и CLS. Пригодится для технического SEO и проверки скорости страниц.
CX Codex +1
1 100установок
image-optimization скилл Скилл помогает настроить адаптивные изображения, WebP и разметку для поиска Google. Пригодится при отладке LCP и подготовке графики к индексации.
CX Codex +1
1 100установок
miniprogram-development скилл Помогает создавать, отлаживать, тестировать и публиковать мини-приложения WeChat. Пригодится при настройке маршрутизации, CloudBase и деплое через CLI.
CX Codex +1
4 400установок
lynx-devtool скилл Помогает отлаживать приложения Lynx на Android, iOS и Desktop через CLI agent-lynx. Пригодится для работы с сессиями DevTool, деревом ReactLynx и снапшотами.
CX Codex +1
6 200установок
react-hook-form скилл Оптимизирует клиентские формы на React Hook Form 7.82.0 и защищает от лишних ререндеров при подписках на поля, валидации и интеграции UI-библиотек.
CX Codex +1
3 000установок
sentry-tanstack-start-sdk скилл Пошагово настраивает Sentry в проектах на TanStack Start React. Скилл проверяет структуру файлов, подключает трейсинг, отслеживание ошибок и запись сессий.
CX Codex +1
1 900установок
1 321–1 360 из 2 909
