NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
clerk-expo скилл Скилл, который добавляет вход и регистрацию Clerk в приложения на Expo и React Native. Пригодится, когда нужны готовые экраны авторизации или свои потоки с OTP и MFA.
CX Codex +1
14 100установок
commerce-b2b-open-code-components-replace скилл Меняет стандартные B2B Commerce компоненты на открытые аналоги в content.json метаданных сайта. Или просто показывает соответствия, если менять файлы не нужно.
CX Codex +1
4 600установок
clerk-vue-patterns скилл Скилл подсказывает агенту, как связать Vue 3 с Clerk: композаблы, навигационные хуки Vue Router и стор Pinia.
CX Codex +1
14 000установок
clerk-nuxt-patterns скилл Скилл подсказывает агенту паттерны авторизации @clerk/nuxt для Nuxt 3. Пригодится при настройке серверных роутов Nitro, SSR-гидратации и защите страниц.
CX Codex +1
13 900установок
styleseed скилл Скилл для работы с интерфейсом: сборка, правка и проверка UI с сохранением уже принятых в проекте дизайн-решений. Пригодится, когда экраны нужно менять, не ломая стиль.
CX Codex +1
570установок
paperkit скилл Скилл помогает встроить редактирование разметки PaperKit в приложение для iOS. Пригодится для холста с рисунками, фигурами и аннотациями.
CX Codex +1
3 000установок
animate-text скилл Каталог из 24 готовых спецификаций текстовых анимаций: агент выбирает эффект по имени и переносит его в GSAP, Motion, CSS или WAAPI.
CX Codex +1
2 700установок
build-review-interface скилл Создаёт браузерный интерфейс для разметки трейсов LLM с сохранением в JSON, CSV или SQLite. Пригодится при сборе человеческой обратной связи и оценке моделей.
CX Codex +1
970установок
vuetify0 скилл Подсказывает агенту, какие компоненты и composables из @vuetify/v0 взять вместо самописной логики — от кнопки до виртуального списка.
CX Codex +1
721установок
winforms-expert скилл Скилл для работы с Windows Forms: правит код так, чтобы проект собирался, работал в рантайме и оставался редактируемым в Visual Studio Designer.
CX Codex +1
955установок
content-management-systems
официальный скилл Помогает GitHub Copilot работать с архитектурой CMS: темами, плагинами, моделями данных и загрузкой медиа. Пригодится при правке шаблонов или интеграции модулей в WordPress, Shopify и Drupal.
128установок
wordpress-elementor скилл Редактирует страницы Elementor и управляет шаблонами WordPress через WP-CLI или автоматизацию браузера. Пригодится для быстрой замены текстов и визуальной правки макетов.
CX Codex +1
2 900установок
paper-poster-html скилл Собирает постер для научных конференций в виде одного HTML-файла и выгружает в печатный PDF через Chromium. Пригодится авторам статей ICLR, NeurIPS, ICML и CVPR.
CX Codex +1
311установок
procedural-fish-render скилл Автоматизирует запуск Remotion для экспорта процедурной анимации рыбы в видеофайл через проектный скрипт.
CX Codex +1
1 000установок
Agentic UX Design - Relationship-Centric Interfaces скилл Направляет проектирование ИИ-интерфейсов вокруг памяти, динамики доверия и совместных планов, а не разовых экранов. Помогает, когда сервису нужно помнить контекст между сессиями.
CX Codex +1
3 300установок
bencium-code-conventions скилл Задаёт правила Bence для React и Next.js: стек, стиль кода, тесты и рабочий процесс. Нужен при создании или настройке проекта по этим соглашениям.
CX Codex +1
3 300установок
renaissance-architecture скилл Скилл для проектирования функций и интерфейсов: подталкивает агента к первым принципам вместо «X, но для Y». Пригодится на этапе архитектуры и ревью дизайна.
CX Codex +1
3 300установок
image-to-code скилл Переносит макеты и скриншоты интерфейсов в код дизайн-системы на дизайн-токенах DTCG с проверкой контрастности и доступности.
CX Codex +1
719установок
interfaces-that-feel скилл Скилл для оценки интерфейса, который работает правильно, но ощущается холодным. Подсказывает правки в текстах, анимации и взаимодействии.
CX Codex +1
1 500установок
critique-affordance скилл Анализирует готовый экран на понятность интерфейса: проверяет кликабельность элементов, видимость состояний и читаемость главного CTA.
CX Codex +1
1 600установок
ux-audit скилл Скилл проверяет веб-приложение через реальные действия в браузере и ищет ошибки поведения, доступности и отображения. Запускайте его перед выпуском или для проверки страниц целиком.
CX Codex +1
2 800установок
web-asset-generator скилл Генерирует фавиконки, PWA-иконки и мета-картинки Open Graph по логотипу, эмодзи или тексту. Пригодится при подготовке веб-приложения к публикации и оформлении сниппетов для соцсетей.
CX Codex +1
933установок
ui-ux-pro-max скилл Превращает расплывчатое «сделай красиво» в конкретную дизайн-систему: палитра, типографика, правила компонентов и подсказки под ваш стек.
CX Codex +1
506установок
ruler-progress-render скилл Загружает проект ruler-progress-animator и рендерит шкалу прогресса через Remotion. Пригодится для быстрой генерации анимации линейки с прозрачным фоном.
CX Codex +1
958установок
astro скилл Скилл для работы с фреймворком Astro: страницы, компоненты, адаптеры SSR, коллекции контента и деплой. Пригодится, когда проект уже на Astro или вы только начинаете его.
CX Codex +1
18 200установок
nuxt-studio скилл Помогает настроить self-hosted Nuxt Studio: авторизацию, медиа, черновики и публикацию через Git. Пригодится, когда контент-редактор надо поднять на своём домене.
CX Codex +1
1 600установок
sanity-live-cache-components скилл Связывает next-sanity с кэшируемыми компонентами Next.js: один общий 'use cache'-барьер, sanityFetch и живая перевалидация через <SanityLive>.
CX Codex +1
527установок
landing скилл Скилл создаёт одностраничный HTML-лендинг с 3D-анимациями, эффектами GSAP и параллаксом мыши. Перед генерацией он уточняет продукт, аудиторию, бренд и тон.
404установок
pixijs-html-source скилл Учит агента превращать живой DOM-элемент или его снимок в текстуру PixiJS v8 через экспериментальный HTML-in-Canvas.
CX Codex +1
4 500установок
setup-react-native-storybook скилл Скилл автоматизирует развёртывание Storybook 10 в проектах на React Native. Помогает настроить окружение для Expo, чистого React Native CLI или Re.Pack.
CX Codex +1
528установок
tastemaker скилл Скилл для генерации интерфейсов: берёт стиль из реальных референсов, запоминает его и переиспользует в проекте.
CX Codex +1
892установок
focus-engine скилл Скилл для ИИ-кодинга по фокусу в SwiftUI и UIKit: клавиатура, направленное перемещение, сцены и восстановление после презентаций. Пригодится, когда навигация с пульта или Tab ведёт себя не так.
CX Codex +1
2 600установок
android-design-guidelines скилл Скилл для ИИ-агента, который держит Android-интерфейс в рамках Material Design 3: динамический цвет, роли цветов, навигация.
CX Codex +1
1 700установок
tanstack-start скилл Скилл собирает фуллстек-приложение на TanStack Start и Cloudflare Workers с нуля: SSR, файловый роутинг, D1, авторизация. Пригодится, когда нужен рабочий каркас без клонирования шаблона.
CX Codex +1
2 500установок
tanstack-integration-best-practices скилл Скилл с правилами стыковки TanStack Query, Router и Start: потоки данных, SSR с гидратацией и согласование кэша. Нужен, когда три библиотеки живут в одном проекте и мешают друг другу.
CX Codex +1
2 900установок
remotion-3d-ticker скилл Создаёт зацикленную трёхмерную вертикальную прокрутку для видео в Remotion. Помогает собирать многоколоночные фотостены и титры с параллаксом.
CX Codex +1
852установок
landing-page-design скилл Помогает спроектировать лендинг с понятным первым экраном, CTA и социальными доказательствами. Пригодится при работе над продуктовой или маркетинговой страницей.
CX Codex +1
56 100установок
light-spotlight-render скилл Скилл создаёт HTML-анимацию, в которой световое пятно раскрывает текст. Задайте параметры эффекта и получите файл для просмотра в браузере.
CX Codex +1
840установок
image-processing скилл Ресайз, обрезка полей, конвертация в WebP и PNG, тумбнейлы и OG-картинки. Всё через CLI img-process на Pillow, без ImageMagick.
CX Codex +1
2 400установок
convex-realtime скилл Скилл объясняет, как связать фронтенд с подписками Convex: useQuery, оптимистичные обновления, живая пагинация и борьба с лишними ререндерами.
CX Codex +1
2 900установок
1 081–1 120 из 2 909
