NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
material-ui-styling скилл Подсказывает агенту, каким слоем стилизовать компоненты Material UI: sx, styled(), темой или глобальным CSS. Пригодится, когда правок много и важно не раздуть проект лишней вложенностью.
CX Codex +1
688установок
expo-examples скилл Помогает переносить официальные примеры интеграций из каталога expo/examples в текущий проект или создавать новые приложения через шаблон.
CX Codex +1
26 400установок
screen-reader-testing скилл Скилл помогает проверять веб-приложения с VoiceOver, NVDA и JAWS. Пригодится для отладки ARIA, форм, навигации и объявлений динамического контента.
CX Codex
10 700установок
threejs-fundamentals скилл Помогает настроить базовую сцену Three.js r186: рендерер, камеры, цикл анимации с THREE.Timer и import map для WebGL или WebGPU с TSL.
CX Codex +1
17 400установок
better-auth-best-practices скилл Скилл помогает настроить Better Auth в TypeScript-проекте: сервер, клиент, базу данных, сессии и плагины. Пригодится для email/password и OAuth.
CX Codex +1
126 700установок
pixelbin-media скилл Скилл для генерации и редактирования изображений и видео через Pixelbin и сборки страниц сайта. Пригодится, когда агенту нужны картинки или видео по ходу работы.
CX Codex +1
2 700установок
wpds скилл Применяет дизайн-токены, типографику и паттерны компонентов официальной WordPress Design System в темах и сайтах.
CX Codex +1
2 700установок
figma-code-connect-components скилл Связывает компоненты Figma с компонентами кода через Code Connect. Пригодится, когда обновления дизайн-системы должны доходить до кодовой базы.
CX Codex +1
2 700установок
stitch-loop скилл Скилл запускает итеративный цикл обратной связи между дизайном и кодом: критика макета → правка кода → проверка фidelity. Подойдёт, если нужно приближать вёрстку к макету по несколько раз.
CX Codex +1
2 700установок
figma-generate-library скилл Скилл генерирует или обновляет библиотеку дизайн-системы в Figma прямо из кодовой базы проекта. Помогает синхронизировать макеты с готовыми компонентами.
CX Codex +1
2 700установок
swiss-user-research-video-template скилл Создаёт HTML-презентацию исследования в швейцарском стиле — тёплый бумажный тон, минималистская вёрстка, круговая диаграмма участников и навигация между слайдами.
CX Codex +1
2 700установок
faq-page скилл Создаёт HTML-страницу FAQ с аккордеоном, поиском и фильтрами категорий. Пригодится для раздела помощи или страницы поддержки.
CX Codex +1
2 700установок
editorial-burgundy-principles-template скилл Создаёт трёхслайдовую презентацию в бордовой и розовой гамме для манифестов, принципов и культурных нарративов. Готовая HTML-страница с навигацией и сеткой карточек.
CX Codex +1
2 700установок
swiss-creative-mode-template скилл Собирает интерактивную презентацию в швейцарском стиле в единый HTML-файл. Пригодится, когда нужен бруталистский лендинг с переключением тем и палитр.
CX Codex +1
2 700установок
digits-fintech-swiss-template скилл Шаблон финтех-презентации в швейцарской сетке: чёрный, тёплая бумага, неоново-лаймовые акценты. Три слайда с крупными числовыми карточками и навигацией с клавиатуры, всё в одном HTML-файле.
CX Codex +1
2 800установок
full-page-screenshot скилл Скилл захватывает полные скриншоты веб-страниц через Chrome DevTools Protocol без внешних зависимостей. Пригодится для портфолио, кейсов и аудитов.
CX Codex +1
2 800установок
artifacts-builder скилл Скилл помогает создавать сложные многокомпонентные HTML-артефакты для claude.ai. В работе опирается на React и Tailwind CSS с библиотекой shadcn/ui.
CX Codex +1
2 800установок
vue-router-best-practices скилл Скилл обучает ИИ-кодера правилам Vue Router 4: навигационные гварды, обработка параметров маршрутов и синхронизация с жизненным циклом компонента. Помогает избежать бесконечных редиректов, утечек памяти и рассинхронизации данных.
CX Codex +1
15 000установок
gsap-framer-scroll-animation
официальный скилл Скилл помогает создавать анимации, связанные со скроллом, через GSAP ScrollTrigger и Framer Motion. Подойдёт для React, Next.js и vanilla JS.
3 900установок
design-motion-principles скилл Создаёт и проверяет анимации интерфейса с учётом контекста продукта и частоты действий. Нужен для переходов, состояний наведения и микровзаимодействий.
CX Codex +1
12 800установок
argent-lens скилл Скилл для выбора визуальных вариантов интерфейса в нативном окне Argent Lens. Помогает сравнить несколько дизайнов кнопки или экрана на симуляторе.
CX Codex +1
22 500установок
apple-design скилл Проверяет интерфейсы по рекомендациям Apple и помогает находить проблемы в макетах и UI-коде. Пригодится для аудита доступности, навигации, тёмного режима и других решений.
CX Codex +1
9 300установок
magic-ui скилл Скилл magic-ui учит Claude Code работать с компонентами Magic UI в React и Next.js: выбирать анимации, ставить через shadcn-реестр и проверять доступность.
CX Codex +1
1 200установок
build-zoom-contact-center-app
официальный скилл Справочный скилл по архитектуре Zoom Contact Center. Помогает настроить интеграцию для клиента Zoom, веб-виджетов и мобильных SDK на iOS и Android.
CX Codex +1
2 100установок
build-zoom-virtual-agent
официальный скилл Справочный скилл для разработки виртуального агента Zoom: веб-встраивание, мобильные обёртки, синхронизация базы знаний и жизненный цикл чата. Используй после маршрутизации в workflow виртуального агента.
CX Codex +1
2 100установок
build-zoom-video-sdk-app
официальный скилл Референсный скилл для Zoom Video SDK — строит кастомные видеоприложения с полным контролем UI, без стандартного интерфейса Zoom.
CX Codex +1
2 100установок
build-zoom-meeting-sdk-app
официальный скилл Инструкции и шаблоны для интеграции Zoom Meeting SDK в веб и нативные клиенты. Помогает настроить JWT-подписи и устранить баги вёрстки.
CX Codex +1
2 100установок
impeccable-design-polish скилл Доводит готовую веб-страницу до чистого вида: убирает визуальные штампы нейросетей, правит контрастность и чинит мобильную вёрстку.
CX Codex +1
2 500установок
threejs-shaders скилл Скилл помогает писать кастомные GLSL-шейдеры и материалы для Three.js r186, настраивать униформы и переводить код на TSL для WebGPU.
CX Codex +1
15 600установок
create-adaptable-composable скилл Скилл для создания переиспользуемых Vue composable, которые принимают значения, рефы или геттеры и работают одинаково во всех случаях. Пригодится, когда нужна библиотечная composable, адаптивная к разным типам входов.
CX Codex +1
13 800установок
material-ui-theming скилл Скилл для создания и управления темами Material UI: палитры, цветовые схемы, CSS-переменные, переключение light/dark и TypeScript-расширения. Пригодится, если вы строите дизайн-систему или меняете визуальную идентичность приложения.
CX Codex +1
607установок
vue-testing-best-practices скилл Скилл с правилами и паттернами тестирования приложений на Vue 3. Помогает настроить Vitest и писать тесты компонентов без ошибок внедрения зависимостей.
CX Codex +1
13 700установок
zoom-cobrowse-sdk
официальный скилл Скилл даёт справочные материалы для внедрения Zoom Cobrowse SDK: совместного просмотра, аннотаций, маскирования данных и удалённой помощи.
CX Codex +1
2 000установок
zoom-apps-sdk
официальный скилл Справочный скилл по Zoom Apps SDK. Помогает агенту писать веб-приложения, которые работают внутри клиента Zoom: встречи, вебинары, Zoom Phone.
CX Codex +1
2 000установок
antislop-ui скилл Скилл задаёт правила для цвета, компоновки, компонентов и анимации интерфейсов. Нужен при создании или правке сайта, веб-приложения или другой UI.
CX Codex +1
6 400установок
weread-year-in-review-video-template скилл Создаёт вертикальное HTML-видео 9:16 для годового отчёта о чтении в стиле WeRead: статистика, заметки, ключевые слова и карточка читательского типа.
CX Codex +1
2 400установок
improve-react скилл Аудирует кодовую базу React через сканер React Doctor и готовит готовые инструкции для агентов-исполнителей. Скилл работает строго в режиме чтения.
CX Codex +1
2 500установок
chrome-extensions скилл Помогает создавать и публиковать расширения для Chrome по стандартам Manifest V3. Задаёт правила для фоновых скриптов, боковых панелей и разрешений.
CX Codex +1
11 000установок
react-native-testing скилл Скилл для написания и проверки тестов компонентов React Native с помощью Testing Library. Покрывает запросы, взаимодействия, асинхронные паттерны и работает с версиями v13 (React 18) и v14 (React 19+).
CX Codex +1
5 300установок
threejs-geometry скилл Скилл учит ИИ-агента создавать стандартные и процедурные геометрии three.js, настраивать буферные атрибуты и генерировать 3D-текст.
CX Codex +1
14 600установок
321–360 из 2 909
