NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
netlify-edge-functions скилл Помогает писать, роутить и отлаживать edge-функции Netlify на Deno: middleware, редиректы по гео, кэш, стриминг SSR.
CX Codex +1
3 100установок
expo-react-native-performance скилл Набор из 42 правил оптимизации приложений на Expo и React Native. Помогает настроить запуск, списки на FlashList, анимации и рендеринг без ручного поиска узких мест.
CX Codex +1
1 500установок
web-3d-asset-pipeline
официальный скилл Помогает подготовить GLB и glTF 2.0 для браузерной игры: от очистки модели до проверки её структуры. Пригодится, когда стек уже выбран, а ассеты нужно довести до поставки.
CX Codex GP ChatGPT
58установок
window-management
официальный скилл Помогает настраивать окна и сцены SwiftUI в macOS 15+: убирать лишний хром, задавать области перетаскивания, правила размещения и восстановления.
CX Codex GP ChatGPT
58установок
muse скилл Скилл для работы с дизайн-токенами: определяет цвет, отступы, типографику и тени, переводит существующий код на семантические токены.
CX Codex +1
711установок
swiftui-design-principles скилл Скилл задаёт ИИ-агенту правила сетки, типографики и цветов для SwiftUI и WidgetKit, чтобы интерфейс выглядел как нативное приложение, а не как сгенерированная разметка.
CX Codex +1
1 300установок
mapbox-cartography скилл Скилл с правилами картографии: иерархия слоёв, палитры, типографика и порядок отрисовки для стилей Mapbox. Пригодится, когда агент собирает стиль карты.
CX Codex +1
2 100установок
mapbox-data-visualization-patterns скилл Готовые шаблоны визуализации данных на картах Mapbox для Claude Code: картограммы, тепловые слои и 3D-модели. Пригодится при отрисовке статистики и плотности точек.
CX Codex +1
2 100установок
swiftui-patterns
официальный скилл Помогает проектировать десктопные интерфейсы на SwiftUI для macOS с правильной структурой окон, меню, тулбаров и файлов.
CX Codex GP ChatGPT
57установок
frontend-react-best-practices скилл Скилл с 33 правилами по оптимизации React: меньше лишних ре-рендеров, аккуратнее бандл, чище композиция компонентов. Пригодится при написании и рефакторинге компонентов.
CX Codex +1
1 200установок
auditing-performance скилл Скилл проводит аудит производительности приложения: размер бандла, рендеринг, запросы к базе и Core Web Vitals. Пригодится, когда страница грузится долго или интерфейс тормозит.
CX Codex +1
476установок
react-flow скилл Скилл для работы с React Flow (@xyflow/react): кастомные узлы и рёбра, состояние, лейаут, типизация и отладка графов.
CX Codex +1
823установок
laravel-inertia-react скилл Скилл с готовыми правилами для страниц Inertia, форм на useForm и общих данных в связке Laravel и React.
CX Codex +1
2 000установок
netlify-identity скилл Скилл для добавления входа, регистрации и OAuth на сайт Netlify через @netlify/identity. Пригодится, когда нужно закрыть контент по ролям.
CX Codex +1
3 000установок
netlify-image-cdn скилл Помогает настроить трансформацию изображений на лету через эндпоинт Netlify Image CDN. Пригодится при сжатии картинок и генерации плейсхолдеров.
CX Codex +1
3 000установок
kinetic-typography скилл Настраивает выразительную анимацию текста, титров и шрифтов в CSS, GSAP, Framer Motion и Remotion. Помогает собирать появление надписей по строкам или буквам без поломки доступности.
CX Codex +1
2 200установок
shadcn скилл Задаёт правила сборки интерфейсов на shadcn/ui и Radix UI. Помогает агенту сохранять поддержку тем оформления и доступность экранов.
CX Codex +1
369установок
template-builder-ui скилл Скилл помогает спроектировать интерфейс конструктора шаблонов под контракт Sent v3, настроить предпросмотр каналов и валидацию перед отправкой на модерацию.
CX Codex +1
2 900установок
react-data-fetching скилл Учит агента правильной загрузке данных в React: параллельные запросы, кэш, дедупликация, Suspense. Пригодится, когда компоненты тянут данные через useEffect и fetch.
CX Codex +1
1 100установок
react-render-optimization скилл Скилл учит агента паттернам оптимизации рендеринга React: убирает лишние ререндеры, чинит мемоизацию и дизайн состояния.
CX Codex +1
1 100установок
presentational-container-pattern скилл Скилл учит агента разделять получение данных и рендеринг в файлах React (.jsx, .tsx). Пригодится для изоляции бизнес-логики от вёрстки и упрощения тестов.
CX Codex +1
1 100установок
react-composition-2026 скилл Скилл учит агента заменять булевы пропсы и жёсткие API компонентов на композицию: compound-компоненты, явные варианты, children вместо render props.
CX Codex +1
1 100установок
hooks-pattern скилл Скилл объясняет React Hooks и помогает вынести повторяющуюся логику состояния в кастомные хуки. Пригодится, когда в компонентах копится дублирование.
CX Codex +1
1 100установок
web-accessibility скилл Скилл для агентной разработки, который подсказывает ИИ, как строить доступные веб-интерфейсы по WCAG 2.1: паттерны ARIA, навигация с клавиатуры, поддержка скринридеров.
CX Codex +1
455установок
tanstack скилл Скилл помогает писать React-код с TanStack Query, Router и Form. Пригодится, когда вы меняете работу с данными, маршрутами или формами.
CX Codex +1
360установок
mapbox-style-quality скилл Скилл проверяет стили Mapbox перед релизом: валидирует выражения и GeoJSON, считает контраст текста по WCAG, оптимизирует файл стиля.
CX Codex +1
2 000установок
uni-helper скилл Скилл-справочник по экосистеме uni-helper: Vite-плагины, библиотеки и утилиты для разработки на uni-app. Пригодится, когда агент пишет код для uni-app.
CX Codex +1
794установок
react-mcp скилл Скилл для работы с @assistant-ui/react-mcp: подключает MCP-серверы, выбранные пользователем, прямо в браузере и регистрирует их инструменты в чате.
CX Codex +1
4 000установок
observability скилл Подключает Langfuse, LangSmith или Helicone к бэкенд-роутам assistant-ui на AI SDK и рисует собранные спаны через экспериментальный @assistant-ui/react-o11y.
CX Codex +1
4 000установок
motion скилл Скилл помогает писать анимации на Motion и CSS, искать примеры и разбирать проблемы с производительностью. Пригодится при создании UI и обновлении Motion.
CX Codex +1
717установок
tailwindcss-mobile-first скилл Скилл для ИИ-агента, который подсказывает, как верстать адаптивные интерфейсы на Tailwind CSS v4 по принципу mobile-first. Пригодится, когда нужно разложить брейкпоинты, типографику и сетки по полочкам.
CX Codex +1
2 100установок
seo-auditing скилл Проверяет техническое SEO веб-проекта: метатеги, микроразметку, robots.txt, карту сайта и метрики Core Web Vitals. Пригодится перед релизом сайта в прод.
CX Codex +1
456установок
openclaw-control-center скилл Локальная панель для наблюдения за агентами OpenClaw: задачи, токены, связи сессий, память и документы. Подходит для аудита операций с режимом чтения по умолчанию.
CX Codex +1
4 400установок
v4-sdk-integration скилл Скилл ведёт агента по Uniswap v4 SDK: сборка свапов через Universal Router, котировки, чтение состояния пула и работа с LP-позициями.
CX Codex +1
729установок
sap-sac-custom-widget скилл Помогает собирать кастомные виджеты для SAP Analytics Cloud: Web Components, привязка данных, панели стилей. Пригодится, когда стандартных визуализаций не хватает.
CX Codex +1
609установок
minimalist скилл Скилл для веб-дизайна: сначала генерирует референсные изображения секций, разбирает их и только потом пишет фронтенд.
CX Codex +1
319установок
zustand скилл Скилл для ИИ-агента, который подсказывает паттерны Zustand: структуру сторов, селекторы, middleware и персистентность.
CX Codex +1
353установок
redesign скилл Обновляет интерфейс сайта или приложения без потери структуры, SEO и конверсионных форм. Помогает освежить визуал, когда код и контент уже работают.
CX Codex +1
469установок
copilots скилл Скилл для assistant-ui: учит агента читать состояние страницы, кликать по компонентам и менять их состояние через хуки React.
CX Codex +1
3 900установок
seeker-connect скилл Подключает веб-, React Native- и Kotlin-приложения к встроенному кошельку на телефоне Seeker: вход через Solana, подпись сообщений и транзакций.
CX Codex +1
7 000установок
1 601–1 640 из 2 909
