NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
glsl скилл Скилл по GLSL для голографических эффектов в HUD: панели со сканлайнами, энергетические поля, постобработка. Пригодится, если пишете шейдеры для WebGL и хотите держать 60 FPS.
CX Codex +1
369установок
diagnosing-missing-recordings скилл Помогает понять, почему PostHog не записал сессию пользователя. Скилл проверяет SDK-сигналы через SQL и находит точную причину неполадки.
CX Codex +1
397установок
claude-skill-app-onboarding-questionnaire скилл Разбирает код вашего приложения и собирает онбординг из экранов-вопросов: тексты, макеты и готовый код на нативном фреймворке.
CX Codex +1
582установок
wpf-best-practices скилл Скилл задаёт ориентиры для разработки WPF-приложений на C# и .NET. Пригодится для XAML-интерфейсов и проектов с архитектурой MVVM.
CX Codex +1
584установок
gsap-scrolltrigger скилл Скилл для GSAP ScrollTrigger: привязка анимаций к прокрутке, пиннинг секций, параллакс и точки прилипания. Пригодится, когда страница должна реагировать на скролл.
CX Codex +1
604установок
harvard-art-museums-data-pipeline скилл Собирает данные Harvard Art Museums, раскладывает их по SQL-таблицам и помогает сделать дашборд Streamlit. Нужен для задач с API и аналитикой.
CX Codex +1
2 000установок
e-commerce скилл Скилл для разработки интернет-магазинов: состояние корзины, оплата через Stripe, оформление заказа и склад. Пригодится, когда пишете чекаут или подключаете платежи.
CX Codex +1
376установок
clerk-nextjs-skills скилл Подключает аутентификацию Clerk в Next.js 16 с App Router: proxy.ts, переменные окружения, защита маршрутов и MCP-сервер.
CX Codex +1
436установок
lynx-trace-analysis скилл Скилл разбирает трейсы Lynx и находит причину тормозов: медленный старт, джанк при скролле, утечки памяти. Полезен, когда есть файл трейса, но непонятно, что в нём смотреть.
CX Codex +1
362установок
swr
официальный скилл Скилл подсказывает, как строить загрузку данных в React через SWR: кэшировать, обновлять, мутировать и загружать страницы.
CX Codex GP ChatGPT
6установок
satori
официальный скилл Помогает генерировать динамические OG-изображения в Next.js через Satori и @vercel/og с разметкой на HTML и CSS.
CX Codex GP ChatGPT
6установок
routing-middleware
официальный скилл Скилл обучает агента настройке Vercel Routing Middleware: перехвату запросов до кэша, редиректам и выбору между Edge, Node.js или Bun.
CX Codex GP ChatGPT
6установок
geist
официальный скилл Скилл подсказывает, как подключить Geist Sans, Geist Mono и Geist Pixel в Next.js и распределить их по интерфейсу. Пригодится, если вы настраиваете типографику проекта.
CX Codex GP ChatGPT
6установок
email
официальный скилл Настраивает отправку писем через Resend и шаблоны React Email в проектах на Vercel. Помогает связать API и подготовить вёрстку.
CX Codex GP ChatGPT
6установок
url-to-code
официальный скилл Превращает живой сайт в рабочее frontend-приложение: захватывает элементы, стили, взаимодействия и ассеты через браузер.
CX Codex GP ChatGPT
6установок
get-context
официальный скилл Скилл фиксирует бриф перед созданием интерфейса в Codex. Он уточняет цели продукта и не даёт генерировать код вслепую.
CX Codex GP ChatGPT
6установок
figma-swiftui
официальный скилл Переводит дизайн Figma в SwiftUI и отправляет SwiftUI обратно в Figma. Подходит для задач по интерфейсам iOS, iPhone и iPad.
CX Codex GP ChatGPT
6установок
figma-implement-motion
официальный скилл Переносит анимации и переходы из Figma в код на motion.dev или чистом CSS. Пригодится разработчикам при верстке анимированных компонентов по макету.
CX Codex GP ChatGPT
6установок
nextjs-development скилл Набор инструкций по современной разработке на Next.js в каталоге app. Помогает ассистенту правильно выстраивать серверные компоненты, кэширование и маршруты.
CX Codex +1
471установок
react-patterns скилл Скилл с готовыми рецептами React: хуки, композиция компонентов, управление состоянием и борьба с лишними ререндерами.
CX Codex +1
471установок
mf скилл Скилл, который отвечает на вопросы про Module Federation: конфигурация, общие зависимости, ошибки типов и рантайма, медленные сборки.
CX Codex +1
744установок
react-development скилл Скилл для ИИ-агента: подсказывает, как писать компоненты, хуки, состояние и эффекты в React по официальной документации.
CX Codex +1
464установок
lynx-trace-record скилл Инструкция для ИИ-агента по записи трейсов производительности в приложениях на Lynx через скрипт trace_record. Помогает снять метрики первого кадра и памяти.
CX Codex +1
353установок
triaging-visual-review-runs скилл Разбирает прогоны Visual Review в PostHog, отсеивает флакающие скриншоты Playwright и Storybook и снимает блокировку с пуллреквестов.
CX Codex +1
368установок
tailwind-css скилл Скилл по Tailwind CSS: утилитарные классы, адаптивность, тёмная тема и оптимизация сборки. Пригодится, когда верстаешь интерфейс и не хочешь прыгать в CSS-файлы.
CX Codex +1
461установок
angular-development скилл Скилл по Angular: компоненты, сервисы, DI, роутинг, формы и Signals. Пригодится, когда агент пишет код на Angular и путает старые паттерны с новыми.
CX Codex +1
461установок
javascript-fundamentals скилл Скилл даёт ИИ-агенту контекст по базовому синтаксису и паттернам JavaScript. Помогает при рефакторинге старого кода, разборе замыканий и переходе на стандарт ES6+.
CX Codex +1
460установок
frontend-crafting скилл Скилл задаёт правила вёрстки и дизайна интерфейсов на HTML, CSS, React или Vue. Он классифицирует экран по его назначению перед любыми правками кода.
CX Codex +1
1 400установок
pagespeed-insights скилл Скилл разбирает производительность веб-страницы по правилам PageSpeed Insights: метрики Core Web Vitals, узкие места, плохие практики.
CX Codex +1
1 100установок
web-accessibility скилл Классифицирует дефекты доступности веб-интерфейса, отсекает лишний ARIA-код и формирует чёткий план доработок с ручной проверкой.
CX Codex +1
529установок
hono-jsx скилл Настраивает серверный рендеринг интерфейсов в приложениях Hono через hono/jsx и связку с Vite без библиотек React.
CX Codex +1
337установок
3dsvg-interactive-react скилл Превращает SVG и текст в интерактивные 3D-компоненты React через библиотеку 3dsvg. Пригодится, когда нужен объёмный логотип или бейдж на сайте.
CX Codex +1
529установок
tailwind-patterns скилл Скилл для Claude, который задаёт агенту правила Tailwind CSS v4: конфигурация в CSS, контейнерные запросы, архитектура токенов. Пригодится тем, кто пишет интерфейс на утилитах.
2 720установок
zustand скилл Скилл по zustand: минимальный стейт-менеджер для React на хуках, без провайдеров и лишнего кода. Пригодится, когда глобальное состояние нужно, а Redux не хочется.
CX Codex +1
485установок
dark-mode-implementer скилл Настраивает тёмную и светлую тему интерфейса через CSS-переменные, классы Tailwind или React-контекст. Помогает учесть prefers-color-scheme и избежать мигания при загрузке.
CX Codex +1
373установок
designing-user-experience скилл Скилл для проектирования поведения интерфейса: потоки, формы, пустые, загрузочные и ошибочные состояния. Пригодится, когда вёрстка готова, а на плохих данных всё ломается.
CX Codex +1
458установок
glassmorphism скилл Скилл учит ассистента создавать интерфейсы с эффектом матового стекла: полупрозрачный фон, размытие и аккуратные рамки. Пригодится для плавающих кнопок, тултипов и оверлеев.
CX Codex +1
526установок
svelte-development скилл Скилл обучает ИИ-агента паттернам Svelte 5, включая руны реактивности, пропсы, эффекты и структуру компонентов.
CX Codex +1
434установок
building-emdash-site скилл Скилл для сборки клиентской части проекта EmDash CMS на Astro: схема, сиды, запросы к контенту, меню и деплой.
CX Codex +1
756установок
text-message-animation скилл Скилл превращает сценарий переписки в вертикальное видео: пузыри сообщений всплывают по одному, перед ответом пульсирует индикатор набора, поток сам прокручивается.
CX Codex +1
589установок
2 601–2 640 из 2 909
