NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
clerk-react-patterns скилл Скилл помогает настроить аутентификацию в React SPA на базе @clerk/react. Пригодится при сборке проектов на Vite или Create React App с закрытыми маршрутами.
CX Codex +1
19 700установок
rive-interactive скилл Скилл для работы с Rive: стейт-машины, ввод от пользователя и привязка данных к анимации в React. Пригодится, когда анимация должна реагировать на состояние интерфейса.
CX Codex +1
2 600установок
lightweight-3d-effects скилл Скилл для декоративных 3D-элементов и микроанимаций: псевдо-3D иллюстрации, живые фоны, наклон карточек под курсор. Пригодится, когда нужна глубина на лендинге без WebGL-тяжеловесов.
CX Codex +1
2 600установок
design-token скилл Помогает описать токены цвета, отступов, типографики и теней: категории, уровни и правила именования. Пригодится, когда закладываете слой токенов с нуля.
CX Codex +1
2 200установок
error-handling-ux скилл Скилл для проектирования ошибок в продукте: как их предотвратить, показать и дать пользователю выход. Пригодится, когда сбои встречаются в нескольких сценариях сразу.
CX Codex +1
2 200установок
design-qa-checklist скилл Генерирует систематический чек-лист для проверки вёрстки на соответствие дизайну. Пригодится дизайнерам и разработчикам на этапе приёмки интерфейса.
CX Codex +1
2 200установок
loading-states скилл Проектирует состояния ожидания: скелетоны, индикаторы, постепенную загрузку и оптимистичные обновления. Нужен, когда контент или действие не завершаются сразу.
CX Codex +1
2 200установок
state-machine скилл Скилл помогает спроектировать поведение интерфейса через конечные автоматы: состояния, переходы, события и гарды. Пригодится, когда в компоненте слишком много флагов.
CX Codex +1
2 200установок
design-token-audit скилл Проверяет, где в проекте обходят дизайн-токены: находит захардкоженные значения, дубли и пробелы в наборе токенов.
CX Codex +1
2 200установок
animation-principles скилл Скилл для настройки одной конкретной анимации в интерфейсе: подбирает easing, длительность и порядок движения элементов.
CX Codex +1
2 200установок
wireframe-spec скилл Составляет текстовые спецификации вайрфреймов с приоритетами контента и заметками о поведении элементов. Пригодится при проектировании структуры интерфейса до начала работы с визуалом.
CX Codex +1
2 300установок
micro-interaction-spec скилл Описывает одну микромикровзаимодействие целиком: триггер, правила, отклик, циклы и режимы. Пригодится, когда пора передать её в разработку.
CX Codex +1
2 300установок
react-native-best-practices скилл Набор подсказок Software Mansion для кода React Native и Expo на New Architecture: анимации, жесты, аудио, JSI, мультипоточность.
CX Codex +1
5 600установок
saas-scaffolder скилл Генерирует рабочий каркас SaaS на Next.js: авторизация, схема базы, биллинг Stripe, API-роуты и дашборд. Пригодится, когда нужно начать проект без ручной сборки.
630установок
ant-design скилл Скилл-справочник по antd 6.x, Ant Design Pro 5 и Ant Design X v2. Помогает выбрать компонент, настроить токены и не выдумывать пропсы.
CX Codex +1
4 100установок
bencium-controlled-ux-designer скилл Помогает обсуждать визуальные решения для веб-интерфейсов до правок кода. Пригодится при создании компонентов, страниц и приложений.
CX Codex +1
4 600установок
form-cro скилл Помогает разбирать формы захвата лидов, контактов, заявок и оплаты. Пригодится, когда нужно найти трение и подготовить изменения для роста завершённых отправок.
622установок
ui-design-brain скилл Скилл помогает создавать интерфейсы по реальным паттернам компонентов и правилам дизайн-систем. Пригодится для страниц, дашбордов, форм и навигации.
CX Codex +1
845установок
babylonjs-engine скилл Скилл для работы с Babylon.js: подсказывает, как завести движок, камеру, свет и меши, когда вы собираете 3D в браузере и не хотите вспоминать API по памяти.
CX Codex +1
2 500установок
pixijs-2d скилл Скилл обучает агента создавать 2D-графику на PixiJS с WebGL и WebGPU: анимировать спрайты, выводить частицы и рисовать векторные фигуры на холсте.
CX Codex +1
2 500установок
locomotive-scroll скилл Скилл помогает внедрить Locomotive Scroll: плавную прокрутку, параллакс и анимации от скролла. Нужен при сборке страниц с отслеживанием элементов во вьюпорте.
CX Codex +1
2 500установок
experience-lwc-generate скилл Скилл для разработки Lightning Web Components: собирает бандлы, паттерны wire-сервиса, стили SLDS 2 и Jest-тесты. Пригодится, когда правите файлы в lwc/.
CX Codex +1
6 200установок
accessibility-test-plan скилл Помогает спланировать тестирование доступности интерфейса с ассистивными технологиями и реальными пользователями. Пригодится перед релизом для покрытия критериев WCAG.
CX Codex +1
2 100установок
naming-convention скилл Задаёт единые правила именования компонентов, токенов и слоёв, чтобы имена в проекте не расходились от файла к файлу.
CX Codex +1
2 100установок
handoff-spec скилл Оформляет спецификацию передачи дизайна в разработку: отступы, токены, состояния экранов и граничные случаи. Пригодится, когда макет отдают фронтендерам.
CX Codex +1
2 100установок
gesture-patterns скилл Проектирует жесты для сенсорного и указательного ввода: свайпы, перетаскивание и долгое нажатие. Нужен при создании интерфейсов с жестовым управлением.
CX Codex +1
2 100установок
feedback-patterns скилл Учит агента проектировать отклик системы на действие пользователя: тосты, индикаторы, бейджи и уведомления. Пригодится, когда интерфейс молчит после нажатия.
CX Codex +1
2 100установок
theming-system скилл Скилл проектирует трёхуровневую архитектуру дизайн-токенов для поддержки тем оформления, плотности интерфейса и тёмного режима в единой библиотеке компонентов.
CX Codex +1
2 100установок
component-spec скилл Скилл описывает один компонент дизайн-системы: анатомию, варианты, состояния, доступность и правила использования. Пригодится, когда библиотека растёт и пора зафиксировать API.
CX Codex +1
2 100установок
accessibility-audit скилл Проверяет готовый интерфейс по WCAG и выдаёт проблемы с уровнем серьёзности, влиянием и шагами исправления.
CX Codex +1
2 100установок
ux-writing скилл Пишет микротексты, сообщения об ошибках, пустые состояния и кнопки. Пригодится, когда слова и есть результат работы.
CX Codex +1
2 200установок
threejs-towers скилл Собирает пагоды, замки и купола из параметров вместо меш-файлов и показывает, как постройка растёт снизу вверх.
CX Codex +1
1 200установок
audit-ai-design-slop скилл Скилл находит визуальный шум, нагромождение декоративных слоёв и дефекты интерфейса в коде или макетах. Помогает очистить проект без принудительного редизайна.
CX Codex +1
1 200установок
threejs-weather скилл Добавляет в Three.js сцены управляемые состояния дождя, грозы и снега. Нужен для атмосферного фона, где погода меняет частицы, свет и поверхность.
CX Codex +1
1 200установок
threejs-landscape скилл Скилл собирает живой ландшафт на Three.js: холмы, трава, камни, небо и смена времени суток. Годится для hero-фонов и сцен, где объект должен стоять в месте, а не висеть на градиенте.
CX Codex +1
1 200установок
falling-leaves скилл Скилл помогает генерировать реалистичную анимацию падающих листьев и лепестков на canvas или в 3D. Пригодится, когда обычные частицы выглядят плоским конфетти.
CX Codex +1
1 200установок
pointer-trail-emitter скилл Скилл учит агента строить шлейф за курсором, который держит одинаковый шаг между частицами при любой скорости руки.
CX Codex +1
1 200установок
build-vesperfall-review-assets скилл Скилл формирует пары для ревью ассетов каталога Vesperfall: прозрачный PNG-референс и живую модель Three.js или FBX. Пригодится при добавлении персонажей, оружия и проверке наборов анимаций.
CX Codex +1
1 200установок
build-game-changelog скилл Скилл для проектирования и ведения внутриигрового чейнджлога: версии, провенанс деплоя, навигация по меню.
CX Codex +1
1 200установок
build-game-map-editor скилл Скилл помогает спроектировать браузерный редактор карт для Three.js и изометрических игр. Он настраивает режим режиссёра, черновики и оверлеи без изменения боевых сохранений.
CX Codex +1
1 200установок
921–960 из 2 909
