NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
depth скилл Настраивает систему высот, двухкомпонентные тени и вдавленные поверхности интерфейса. Пригодится, когда карточки кажутся плоскими или перегруженными эффектами.
CX Codex +1
537установок
ux-usability-foundations скилл Скилл учит агента проектировать и рецензировать интерфейсы с точки зрения продуктовой логики, обратной связи и защиты от ошибок пользователя.
CX Codex +1
559установок
lynx-typescript скилл Скилл помогает настроить TypeScript в проектах на Lynx и ReactLynx, подсказывает типизацию событий, глобальных свойств и нативных компонентов.
CX Codex +1
425установок
formisch скилл Скилл учит ИИ-агента работать с Formisch — headless-библиотекой форм на схемах Valibot. Пригодится, когда в проекте есть формы и валидация.
CX Codex +1
418установок
imagery скилл Оценивает и правит оформление картинок, иконок и скриншотов в интерфейсе, чтобы улучшить читаемость текста и удержать сетку.
CX Codex +1
533установок
information-architecture-navigation скилл Скилл для проектирования навигации, меню, таксономии и поиска в цифровом продукте. Пригодится, когда структура сайта или приложения перестала помогать пользователю.
CX Codex +1
556установок
framer-motion-react скилл Скилл по Framer Motion для React и Next.js: AnimatePresence, layout-анимации, useAnimation и обход проблем с SSR.
CX Codex +1
822установок
frontend-design-review скилл Скилл проверяет интерфейсы на соответствие дизайн-системе, контрастность WCAG 2.1 AA и адаптивность. Пригодится перед вёрсткой макетов из Figma или Sketch.
CX Codex +1
458установок
optimize скилл Скилл находит, почему интерфейс тормозит: медленная загрузка, лаги анимаций, тяжёлые картинки, раздутый бандл. Запускается, когда вы жалуетесь на «тормозит».
CX Codex +1
536установок
bolder скилл Скилл для тех случаев, когда интерфейс выглядит слишком безопасно и безлико. Разбирает, что именно делает дизайн скучным, и усиливает его.
CX Codex +1
535установок
framer-motion-scroll скилл Скилл для Framer Motion: подсказывает агенту, как делать анимации, привязанные к прокрутке, параллакс и индикаторы прогресса.
CX Codex +1
803установок
exploring-autocapture-events скилл Помогает анализировать события $autocapture из библиотеки posthog-js. Скилл подбирает надёжные CSS-селекторы кликов, проверяет их уникальность и строит фильтры для воронок.
CX Codex +1
435установок
delight скилл Добавляет радость и характер в интерфейс: успешные состояния, пустые экраны, загрузку, ховеры. Для случаев, когда базовая вёрстка уже работает.
CX Codex +1
523установок
mobile-design скилл Скилл для мобильного интерфейса: тач-цели, жесты, зоны большого пальца, безопасные области и адаптив под маленькие экраны.
CX Codex +1
545установок
showcase скилл Переводит интерфейс в режим сложной визуальной и технической проработки с анимациями, View Transitions и WebGL. Помогает, когда обычной аккуратности вёрстки мало.
CX Codex +1
521установок
figma-design скилл Скилл по Figma: компоненты, auto layout, переменные, прототипы и разработка плагинов. Пригодится, когда агент пишет код плагина или собирает дизайн-систему.
CX Codex +1
542установок
extract скилл Находит повторяющийся интерфейсный код, выносит его в дизайн-систему, формирует токены и переводит проект на единые компоненты.
CX Codex +1
520установок
integrate-fusion-agent скилл Скилл подключает боковую панель Atlas/EOS в приложение Flows/Fusion через @cognite/app-sdk вместо встроенного чата.
CX Codex +1
1 700установок
migrate-app-to-flows скилл Скилл автоматизирует перенос веб-приложений с устаревшей платформы Dune на инфраструктуру Flows (appsApi). Он проверяет конфигурации и настраивает сетевые политики.
CX Codex +1
1 700установок
web-audio-api скилл Даёт агенту знание Web Audio API: синтез сигналов, визуализация частот, микрофонный вход и пространственный звук для интерфейсов.
CX Codex +1
395установок
observability
официальный скилл Скилл настраивает сбор логов и метрик для приложений на Vercel. Помогает внедрить structured logging и подключить OpenTelemetry при сбоях.
CX Codex GP ChatGPT
7установок
ai-elements
официальный скилл Скилл подсказывает, как собирать AI-интерфейсы на React с компонентами ai-elements. Пригодится для чатов, потоковых ответов и отображения вызовов инструментов.
CX Codex GP ChatGPT
7установок
grammar-of-graphics-and-declarative-visualization
официальный скилл Скилл помогает строить визуализации табличных данных через Vega-Lite, Vega и Observable Plot. Подходит для декларативных графиков без низкоуровневого рендеринга.
CX Codex GP ChatGPT
7установок
raycast-extension скилл Скилл помогает собирать расширения Raycast на React и TypeScript. Нужен, когда агент должен создать команду или другой инструмент для Raycast.
CX Codex +1
321установок
quieter скилл Скилл для ИИ-кодинга, который снижает насыщенность, контраст и визуальный шум в интерфейсе, сохраняя иерархию и характер. Пригодится, когда структура уже нормальная, но выглядит крикливо.
CX Codex +1
513установок
tanstack-query скилл Учит ИИ-ассистента настраивать TanStack Query в React: работать с серверным состоянием, кешированием, пагинацией и оптимистичными обновлениями.
CX Codex +1
583установок
onboard скилл Помогает спроектировать первый запуск продукта: что показать новичку, в каком порядке и как довести его до первого результата.
CX Codex +1
521установок
security-ux скилл Скилл для проектирования экранов входа, MFA и восстановления доступа так, чтобы защита не пугала пользователя.
CX Codex +1
519установок
billing-sdk скилл Помогает внедрить страницы тарифов, карточки подписок и биллинг Dodo Payments на React и shadcn/ui.
CX Codex +1
810установок
interaction-patterns-components скилл Помогает агенту выбирать и критиковать UI-паттерны и переиспользуемые компоненты: навигация, таблицы, модалки, формы, состояния.
CX Codex +1
539установок
applicationinsights-web-ts скилл Помогает подключить Application Insights к браузерному приложению и собирать телеметрию: просмотры страниц, запросы и ошибки. Пригодится для RUM и трассировки GenAI-агентов на клиенте.
38установок
framer-motion-layout скилл Скилл обучает ассистента строить анимации макета во Framer Motion с помощью layout, связывать элементы через layoutId и плавно убирать блоки через AnimatePresence.
CX Codex +1
770установок
forms-inputs-checkout скилл Скилл для проектирования и разбора форм, валидации и чекаута: помогает агенту убрать лишние поля и не сломать доступность.
CX Codex +1
524установок
framer-motion-gestures скилл Скилл для анимаций жестов в Framer Motion: перетаскивание, панорамирование, нажатие, наведение, фокус. Пригодится, когда собираешь интерактивные элементы и нужны подсказки по пропсам и ограничениям.
CX Codex +1
766установок
localize скилл Скилл планирует и внедряет интернационализацию интерфейса: от ICU-плюрализации и логических CSS-свойств до выбора библиотек и маршрутизации локалей.
CX Codex +1
497установок
framer-motion-variants скилл Обучает ИИ настраивать оркестрованные анимации во Framer Motion: стэггеры и стейт-машины через варианты состояний.
CX Codex +1
759установок
indicator-dashboard скилл Генерирует веб-дашборды для теханализа на Plotly Dash или Streamlit. Помогает следить за индикаторами отдельных тикеров или сканировать рынок.
CX Codex +1
570установок
stream-android скилл Скилл для работы с Stream Chat, Video и Feeds в Android-проектах на Kotlin: от установки пакетов до экранов чата, звонков и ленты.
CX Codex +1
491установок
responsive-design скилл Направляет агента верстать интерфейсы по принципу mobile-first с флюидными сетками, CSS Grid и Flexbox. Помогает адаптировать типографику и раскладки под любые экраны.
CX Codex +1
511установок
vuejs-development скилл Скилл для ИИ-агента, который подсказывает по Vue 3: реактивность, Composition API, однофайловые компоненты и директивы. Пригодится, когда пишете SPA или переходите с Options API.
CX Codex +1
509установок
2 561–2 600 из 2 909
