NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
build-integration скилл Скилл помогает создавать и публиковать интеграции для GitBook. Пригодится, когда нужно добавить кастомный блок в редактор или связать документацию с внешним API по OAuth.
CX Codex +1
565установок
reactlynx-best-practices скилл Проверяет и переписывает код ReactLynx с учётом двухпоточной модели Lynx: границы потоков, жизненный цикл, обработчики событий, сплиттинг.
CX Codex +1
450установок
motion-sickness скилл Помогает найти и убрать в интерфейсе анимации, от которых кружится голова: параллакс, зум, вращение. Пригодится, когда пользователи жалуются на тошноту при навигации.
CX Codex +1
486установок
pretext-text-measurement скилл Помогает рассчитывать высоту строк и перенос многострочного текста без обращения к DOM и вызова перерисовок страницы.
CX Codex +1
694установок
universal-elements скилл Скилл задаёт 12 классических принципов анимации Диснея для любых UI-элементов. Он помогает настроить тайминги, кривые сглаживания и вторичные движения интерфейса.
CX Codex +1
485установок
small-200-300ms скилл Скилл подсказывает агенту, как строить переходы длительностью 200–300 мс: появление модалок, раскрытие карточек, слайды навигации.
CX Codex +1
485установок
trust-reliability скилл Скилл для анимаций, которые вызывают доверие: предсказуемые движения, спокойные тайминги, никаких сюрпризов. Пригодится в платежах, формах и настройках.
CX Codex +1
485установок
deliberate-1200-2000ms скилл Набор правил для длинных анимаций длительностью 1200-2000ms. Помогает ассистенту оформлять экраны запуска и сюжетный онбординг.
CX Codex +1
485установок
universal-tool скилл Скилл, который подсказывает агенту 12 принципов анимации Диснея при работе с любым инструментом или фреймворком.
CX Codex +1
484установок
universal-practitioner скилл Скилл, который применяет 12 принципов анимации Диснея к интерфейсам, текстам и продуктовым решениям — не только к мультипликации.
CX Codex +1
482установок
universal-solutions скилл Диагностирует сбои интерфейсной анимации по двенадцати принципам Disney и подсказывает точные исправления длительности, траекторий или плавности.
CX Codex +1
482установок
universal-fallback скилл Справочник по 12 классическим принципам анимации Disney для любых сред. Пригодится, когда контекст анимации не определён или охватывает сразу несколько платформ.
CX Codex +1
481установок
accessibility-issues скилл Разбирает анимацию, которая мешает людям с вестибулярными нарушениями, когнитивной перегрузкой или скринридером, и подсказывает, что чинить.
CX Codex +1
481установок
ux-friction скилл Скилл для диагностики анимаций, из-за которых пользователь ждёт, путается или бросает задачу. Пригодится, когда интерфейс тормозит из-за переходов.
CX Codex +1
481установок
instant-0-100ms скилл Скилл обучает агента настраивать мгновенный отклик интерфейса до 100 мс. Пригодится при вёрстке кнопок и переключателей.
CX Codex +1
480установок
magento-frontend-developer скилл Задаёт правила вёрстки и клиентской разработки под Magento 2: от макетов layout XML и шаблонов PHTML до скриптов на KnockoutJS и оптимизации Core Web Vitals.
CX Codex +1
399установок
ag-dev скилл Скилл заставляет ИИ сверять версии AG Grid, AG Charts и AG Studio с документацией проекта, чтобы не писать код под устаревшие или выдуманные API.
CX Codex +1
1 000установок
cloudinary-react скилл Подсказывает агенту точные импорты и паттерны Cloudinary React SDK, чтобы не гадать с путями и не ловить ошибки виджета загрузки.
CX Codex +1
657установок
adapt скилл Адаптирует веб-интерфейсы под мобильные экраны, планшеты, десктоп, печать и email без потери читаемости и иерархии.
CX Codex +1
557установок
typeset скилл Разбирает шрифты, шкалу размеров и иерархию текста в интерфейсе и приводит их к системе. Пригодится, когда вёрстка выглядит сырой.
CX Codex +1
557установок
data-viz скилл Скилл для проектирования графиков, дашбордов и таблиц с данными. Помогает выбрать тип диаграммы и не забыть про доступность.
CX Codex +1
568установок
gsap-react скилл Скилл с готовыми шаблонами GSAP для React: хук useGSAP, работа с ref и очистка анимаций при размонтировании.
CX Codex +1
724установок
vercel-react-best-practices скилл Скилл с 70 правилами оптимизации React и Next.js от Vercel. Пригодится при написании компонентов, рефакторинге и разборе проблем с производительностью.
CX Codex +1
448установок
media-publishing скилл Скилл задаёт правила и тайминги интерфейсных анимаций для новостных сайтов, читалок и медиа-сервисов по 12 принципам Диснея.
CX Codex +1
477установок
slow-800-1200ms скилл Скилл для ИИ-кодинга, который помогает делать намеренно медленную анимацию 800–1200 мс: драматичные появления, загрузочные сцены, моменты, где пользователь должен остановиться и посмотреть.
CX Codex +1
477установок
forms скилл Помогает проектировать формы и многошаговые сценарии ввода. Настраивает валидацию, доступность разметки и клавиатуры для мобильных устройств.
CX Codex +1
555установок
universal-timing скилл Скилл про тайминги анимации: правила, которые работают и на 50 мс, и на 5000 мс. Пригодится, когда нужно выбрать длительность и кривую, а не угадывать.
CX Codex +1
476установок
appkit скилл Скилл ведёт агента по интеграции Reown AppKit: модальное окно кошелька, смена сети, EVM, Solana и Bitcoin. Пригодится, когда в веб-приложение надо добавить подключение кошелька.
CX Codex +1
1 100установок
empty-state скилл Скилл для проектирования пустых состояний: нулевые данные, пустая выдача поиска, отказы в доступе и ошибки. Пригодится, когда экран встречает пользователя надписью «Нет элементов».
CX Codex +1
552установок
a11y скилл Разбирает интерфейс по клавиатуре, скринридеру, контрасту и семантике, а потом правит найденное. Пригодится, когда компонент не работает без мыши.
CX Codex +1
561установок
web-performance-optimization скилл Скилл для Claude, который помогает разобрать, почему сайт грузится медленно, и по шагам убрать узкие места.
3 490установок
colorize скилл Скилл для ИИ-кодинга, который добавляет цвет в слишком серые интерфейсы: семантику состояний, акценты и цветовую иерархию. Пригодится, когда макет выглядит безжизненно.
CX Codex +1
551установок
capacitor-platforms скилл Проведёт агента через добавление и настройку десктопных платформ Capawesome для Capacitor — Electron и Tauri. Пригодится, когда веб-приложение пора собрать под macOS, Windows и Linux.
CX Codex +1
590установок
normalize скилл Аудирует интерфейс и возвращает компоненты к дизайн-токенам, сетке и системным паттернам проекта. Помогает убрать хардкод и стилевой дрифт.
CX Codex +1
546установок
awesome-design-md-jp скилл Скилл добавляет спецификации DESIGN.md для японских веб-интерфейсов. Помогает настроить типографику CJK, перенос знаков и шрифты при кодинге с ИИ.
CX Codex +1
668установок
wireframing скилл Скилл для проектирования интерфейсов: помогает пройти путь от набросков и структуры экранов до макета, близкого к финальному дизайну.
CX Codex +1
566установок
accessibility-inclusive-design скилл Скилл для ИИ-агента, который помогает проектировать и разбирать интерфейсы с оглядкой на доступность: клавиатура, скринридеры, контраст, семантика.
CX Codex +1
574установок
harden скилл Прогоняет интерфейс через крайние случаи: длинный текст, ошибки сети, RTL, пустые состояния. Полезен перед выкаткой в прод.
CX Codex +1
539установок
distill скилл Скилл убирает из UI лишние элементы, опции и функции, оставляя главное. Пригодится, когда экран перегружен контролами и непонятно, что важнее.
CX Codex +1
548установок
ux-writing-content-design скилл Пишет и разбирает тексты интерфейса: подписи кнопок, подсказки, пустые состояния, ошибки, онбординг. Пригодится, когда вёрстка готова, а формулировки ещё нет.
CX Codex +1
562установок
2 521–2 560 из 2 909
