NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
rails-hotwire скилл Скилл с правилами Hotwire для Rails: Turbo Drive, Frames, Streams, морфинг и контроллеры Stimulus. Пригодится при написании и рефакторинге интерактивных страниц.
CX Codex +1
370установок
threejs скилл Скилл с готовыми примерами и справочниками по Three.js: сцены, материалы, свет, шейдеры, загрузка GLTF. Пригодится, когда собираете 3D в браузере.
CX Codex +1
460установок
motion-designer скилл Продумывает покадровый сценарий видеоролика для Remotion с таймингами, переходами и звуковой дорожкой. Пригодится, когда нужно составить подробное ТЗ для анимированной графики.
CX Codex +1
570установок
capacitor-angular скилл Обучает агента архитектурным паттернам Capacitor в Angular 16+: настройка путей сборки, standalone-компоненты и запуск плагинов через сервисы.
CX Codex +1
944установок
language-detector-api скилл Помогает подключить встроенный Language Detector API в веб-приложении на JavaScript или TypeScript: проверки поддержки, скачивание модели, сессии и detect().
CX Codex +1
475установок
writing-assistance-apis скилл Помогает внедрять встроенные браузерные API Summarizer, Writer и Rewriter в приложения на JavaScript или TypeScript. Полезен при настройке стриминга и проверке готовности моделей.
CX Codex +1
473установок
cordova-to-capacitor скилл Пошагово переносит мобильные приложения с Cordova или PhoneGap на Capacitor. Помогает сохранить данные пользователей в локальных хранилищах и заменить устаревшие плагины.
CX Codex +1
768установок
3d-visualizer скилл Генерирует 3D-графику, интерактивные сцены и графики на Three.js и React Three Fiber. Помогает внедрить просмотр моделей и визуализацию данных прямо в веб-интерфейс.
CX Codex +1
665установок
landing-page-optimization скилл Скилл для Claude, который помогает писать и собирать лендинги: копирайт, структура из 11 элементов, CTA и оптимизация конверсии.
CX Codex +1
324установок
proofreader-api скилл Скилл для работы с браузерным Proofreader API: проверка доступности, загрузка модели, вычитка текста и разбор правок. Пригодится, если вы добавляете встроенную проверку текста в веб-приложение.
CX Codex +1
470установок
translator-api скилл Интегрирует встроенный браузерный Translator API в веб-приложения на JavaScript и TypeScript. Помогает настроить проверку языковых пар, загрузку моделей и потоковый перевод.
CX Codex +1
467установок
framer-ui-skills скилл Задаёт агенту жёсткие правила вёрстки в стиле Framer: тёмный фон, шрифт Inter, сетка 4px. Пригодится, когда нужен предсказуемый вид интерфейса без ручных правок.
CX Codex +1
320установок
tanstack-router скилл Настраивает типобезопасный роутинг на базе файлов в React и помогает связать его с TanStack Query или Cloudflare Workers.
CX Codex +1
445установок
html-visual скилл Собирает интерактивную визуализацию в одном HTML-файле: макет, ERD, блок-схему, график или слайды. Пригодится, когда схему или данные нужно увидеть, а не читать.
CX Codex +1
475установок
vite скилл Набор из 42 правил оптимизации сборки и dev-сервера Vite. Помогает настроить конфигурацию, ускорить HMR и уменьшить размер бандла.
CX Codex +1
358установок
webnn скилл Помогает агенту встроить Web Neural Network API в JS или TS: проверки navigator.ml, MLContext, графы, тензоры и откат на локальные рантаймы.
CX Codex +1
463установок
interaction-design скилл Скилл для проектирования отклика интерфейса: состояния загрузки, ошибки, пустые экраны, анимация и доступность. Пригодится, когда нужно продумать поведение UI, а не только его вид.
CX Codex +1
441установок
capacitor-app-creation скилл Скилл ведёт агента по шагам при создании Capacitor-приложения с нуля: каркас веб-проекта, настройка, нативные платформы, запуск.
CX Codex +1
915установок
reflex-docs скилл Подгружает справочник Reflex в контекст агента, чтобы тот писал компоненты, State и обработчики событий по актуальной документации, а не по устаревшим знаниям из обучения.
CX Codex +1
696установок
scrollytelling-and-parallax-data-visualization
официальный скилл Помогает проектировать скроллителлинг и параллакс-визуализации данных. Пригодится, когда смену кадров, графиков или слоев карты нужно привязать к прокрутке страницы.
CX Codex GP ChatGPT
13установок
react-and-nextjs-data-visualization
официальный скилл Инструкции по встраиванию графиков и диаграмм в React и Next.js: границы SSR, разделение состояния и отрисовки, адаптивность и защита от ошибок гидратации.
CX Codex GP ChatGPT
13установок
geospatial-and-cartographic-visualization
официальный скилл Скилл помогает спроектировать карту: выбрать проекцию, подложку, тип визуализации и стек. Пригодится для тематических карт, маршрутов и пространственных данных.
CX Codex GP ChatGPT
13установок
d3-data-visualization
официальный скилл Скилл помогает собирать кастомные визуализации на D3: SVG- и DOM-графики, подписи, аннотации и интерактивность. Нужен для сложных браузерных диаграмм.
CX Codex GP ChatGPT
13установок
anthropic-ui-skills скилл Задаёт агенту правила интерфейсов в стиле Anthropic: светлый фон, шрифт Inter, сетка 4px. Пригодится, когда верстаешь UI и не хочешь каждый раз объяснять палитру и отступы.
CX Codex +1
313установок
generative-ui скилл Скилл для assistant-ui: модель собирает интерфейс из готовых компонентов во время ответа, а не заполняет заранее написанный вами.
CX Codex +1
1 000установок
webflow-mcp:figma-to-webflow скилл Переносит макеты и компоненты из Figma в Webflow через Figma MCP и Webflow MCP, создавая нативные классы и стили. Пригодится для сборки страниц без ручного копирования.
CX Codex +1
373установок
internationalization-i18n скилл Скилл помогает внедрить мультиязычность через i18next, gettext или браузерный Intl API. Пригодится для локализации интерфейсов, плюрализации и вёрстки под RTL.
CX Codex +1
433установок
minimax-image-understanding скилл Скилл передаёт изображения в визуальную модель MiniMax через инструмент understand_image. Он нужен для распознавания текста на скриншотах, разбора макетов и поиска визуальных багов.
CX Codex +1
556установок
bun-nextjs скилл Настраивает запуск Next.js на рантайме Bun. Скилл помогает перевести dev-сервер и сборку на Bun, а также безопасно подключить bun:sqlite.
CX Codex +1
429установок
prompt-api скилл Настраивает и отлаживает встроенный браузерный Prompt API в веб-приложениях на JavaScript и TypeScript. Помогает подключить локальную модель, стриминг и отслеживание загрузки.
CX Codex +1
447установок
vtex-io-storefront-theme-app скилл Скилл помогает собирать и настраивать приложения витрины VTEX IO: объявлять маршруты, компоновать блоки шаблонов и связывать тему с Site Editor.
CX Codex +1
1 000установок
tdesign-miniprogram скилл Скилл подсказывает агенту, как собирать интерфейс мини-программ WeChat на компонентах TDesign от Tencent: 60+ элементов, тёмная тема, кастомизация.
CX Codex +1
396установок
websocket-implementation скилл Скилл для агента, который пишет сервер и клиент WebSocket: комнаты, переподключение, масштабирование через Redis.
CX Codex +1
425установок
tauri скилл Каталог-навигатор для разработки на Tauri v2. Направляет агента к готовым шаблонам прав доступа, коду бэкенда на Rust и плагинам.
CX Codex +1
530установок
uniwind скилл Скилл с 45+ правилами по Uniwind — Tailwind-биндингам для React Native. Пригодится при настройке проекта, темах и миграции с NativeWind.
CX Codex +1
341установок
ios-animations скилл Правила анимаций для SwiftUI под Swift 6.2 и архитектуру Clinic MVVM-C. Настраивает физику пружин и токен-систему без хардкода.
CX Codex +1
340установок
capacitor-react скилл Направляет ИИ-агента при разработке мобильных приложений на Capacitor с React 18+. Помогает писать хуки для нативных функций, настраивать диплинки и обрабатывать кнопку «Назад» на Android.
CX Codex +1
873установок
amplify-workflow скилл Скилл настраивает приложения на AWS Amplify Gen2 с TypeScript-бэкендом. Помогает описать схему данных, авторизацию в Cognito и развернуть песочницу через ampx.
CX Codex +1
965установок
alba-inertia скилл Настраивает сериализацию в Inertia Rails через Alba и Typelizer. Генерирует типы TypeScript и заменяет as_json на типизированные ресурсы.
CX Codex +1
376установок
gsap-greensock скилл Скилл подсказывает агенту, как применить 12 диснеевских принципов анимации в GreenSock: от сжатия и растяжения до движения по дуге через твины и таймлайны.
CX Codex +1
730установок
2 241–2 280 из 2 909
