NeVibeCode · 2 909 карточек
Скиллы по теме «Фронтенд и UI»
Скиллы по теме «Фронтенд и UI»: у каждой карточки — что делает, команда установки и примеры запросов.
msw скилл Скилл с 45 правилами по MSW v2: настройка, хендлеры, интеграция с тестами, GraphQL. Пригодится, когда агент пишет или правит моки HTTP-запросов.
CX Codex +1
842установок
hig-components-status скилл Скилл передаёт агенту правила Apple HIG по индикаторам загрузки и строке состояния. Пригодится при вёрстке экранов под iOS и watchOS.
CX Codex +1
636установок
fal-redesign скилл Скилл создаёт визуальный редизайн существующего сайта или генерирует макет с нуля через fal.ai, выдавая готовый build-spec и токены.
CX Codex +1
394установок
information-architecture скилл Помогает разложить большой интерфейс по полочкам: как называть сущности, строить навигацию и подтверждать необратимые действия.
CX Codex +1
889установок
modular-scale-typography скилл Строит гармоничную типографику на основе единого коэффициента. Скилл помогает задать CSS-переменные или конфиг Tailwind, когда кегли в проекте подобраны хаотично.
CX Codex +1
884установок
21st-registry скилл Публикует React-компоненты, CSS-темы и шаблоны на 21st.dev и управляет уже опубликованным через CLI 21st.
CX Codex +1
1 800установок
figma-generate-library
официальный скилл Скилл для построения профессиональной дизайн-системы в Figma на основе кодовой базы. Создаёт переменные, компоненты с вариантами, стили типографики и теминг в правильном порядке — от токенов к готовым компонентам.
CX Codex GP ChatGPT
32установок
algorithmic-color-palette скилл Скилл выводит полную UI-палитру из одной-двух брендовых красок: состояния, серые с оттенком бренда, семантические цвета.
CX Codex +1
887установок
terminal-ui скилл Скилл с 42 правилами для терминальных интерфейсов на TypeScript: рендеринг, ввод с клавиатуры, промпты. Пригодится, когда пишете CLI на Ink или Clack.
CX Codex +1
836установок
hig-components-search скилл Подсказывает агенту, как устроить поиск, пагинацию и хлебные крошки по гайдлайнам Apple. Пригодится, когда проектируешь навигацию в приложении под iOS или macOS.
CX Codex +1
634установок
user-flows-and-guided-paths скилл Скилл помогает проектировать пошаговые сценарии, визарды, экраны онбординга и чекаута. Подсказывает, как выстроить навигацию и сохранить контекст пользователя.
CX Codex +1
879установок
webflow-mcp:accessibility-audit скилл Проводит аудит доступности страниц Webflow по стандарту WCAG 2.1, находит ошибки интерактивных элементов и исправляет их без подключения к Designer.
CX Codex +1
887установок
fal-regenerate-3d скилл Собирает интерактивную 3D-витрину персонажей на Three.js с анимациями, видеофонами и PBR-покрытием пола через модели fal.ai.
CX Codex +1
390установок
design-system скилл Настраивает фирменный стиль и проверяет контрастность по WCAG 2.2 AA для конвертеров markdown-html. Генерирует 12 CSS-токенов перед экспортом документов, слайдов или ревью.
33установок
responsive-paradigms скилл Задаёт для ИИ-агента правила адаптивной вёрстки: делит мобильные, планшетные и десктопные интерфейсы на разные парадигмы взаимодействия, а не просто масштабирует один макет.
CX Codex +1
875установок
gestalt-ui-organisation скилл Скилл раскладывает контролы по принципам гештальта, чтобы пользователь видел, что к чему относится, без чтения подписей. Пригодится при вёрстке тулбаров, форм, навигации и дашбордов.
CX Codex +1
879установок
visual-emphasis-and-hierarchy скилл Задаёт правила визуальной иерархии в интерфейсе: акценты на кнопках, контраст, отступы и выделение текста. Пригодится при вёрстке дашбордов, карточек и баннеров.
CX Codex +1
874установок
wcag-accessibility скилл Скилл помогает проектировать и проверять интерфейсы по WCAG 2.2 AA. Подключайте его при работе над доступностью компонентов и страниц.
CX Codex +1
873установок
button-states скилл Скилл описывает шесть состояний интерактивных элементов и выводит цвета hover и active из базового цвета по HSL. Пригодится, когда кнопки в проекте выглядят незаконченными.
CX Codex +1
877установок
singleton-pattern скилл Обучает реализации паттерна «Одиночка» в JavaScript и TypeScript для создания единого экземпляра класса. Пригодится при настройке общих ресурсов или глобальной конфигурации.
CX Codex +1
637установок
observer-pattern скилл Скилл объясняет паттерн наблюдателя и подсказывает агенту, как строить слабосвязанную подписку на события в JS и TS.
CX Codex +1
638установок
spatie-javascript скилл Скилл внедряет стандарты оформления JavaScript и TypeScript от команды Spatie. Он помогает форматировать код, настраивать Prettier и писать чистые компоненты.
CX Codex +1
518установок
component-family-consistency скилл Скилл следит, чтобы кнопки, поля ввода, бейджи и пилюли делили радиус, цвета, тени, границы и отступы. Пригодится при сборке или ревизии библиотеки компонентов.
CX Codex +1
874установок
loading-states-and-perceived-performance скилл Скилл для ИИ-кодинга, который помогает выбрать спиннер, скелетон или прогресс-бар и сделать интерфейс быстрее на ощупь.
CX Codex +1
871установок
generate-ui-from-brand скилл Превращает URL сайта или файл DESIGN.md в дизайн-токены, решения по UX и готовую спецификацию интерфейса.
CX Codex +1
870установок
module-pattern скилл Обучает ИИ-агента делить JavaScript и TypeScript на изолированные модули через ES2015. Помогает скрыть внутренние переменные и настроить чистый экспорт.
CX Codex +1
631установок
micro-interactions скилл Скилл для мелких осмысленных анимаций: переключатели, иконки, моменты успеха. Пригодится, когда интерфейсу не хватает отклика.
CX Codex +1
869установок
databricks-app-design скилл Помогает проектировать data-экраны Databricks Apps на AppKit/React. Нужен для KPI, отчётов, графиков, таблиц и Genie-интерфейсов.
CX Codex +1
315установок
iphone-duo-flutter скилл Помогает адаптировать приложение на Flutter под складной iPhone Duo. Учит обходить ограничения MediaQuery и пробрасывать нативные API через платформенные каналы.
CX Codex +1
402установок
ui-design скилл Свод правил фронтенд-дизайна из 42 пунктов в 8 категориях. Помогает настроить доступность по WCAG, вёрстку и показатели Core Web Vitals.
CX Codex +1
513установок
color-palette-extractor скилл Достаёт доминирующие цвета из картинки, скриншота или сайта и собирает из них палитру с проверкой контраста. Пригодится, когда нужна тема под логотип или чужой макет.
CX Codex +1
609установок
html скилл Скилл задаёт правила семантичной HTML-разметки, форм и доступности. Пригодится для вёрстки страниц, где важны структура, ARIA и SEO.
CX Codex +1
1 100установок
playwright скилл Скилл для автоматизации end-to-end тестов веб-приложений на TypeScript и JavaScript. Учит агента писать тесты по best practices: правильные локаторы, web-first assertions, отсутствие hardcoded таймаутов.
CX Codex +1
1 100установок
ux-design скилл Скилл задаёт агенту правила UX-проектирования: от исследования пользователей до доступности и адаптивной вёрстки. Пригодится, когда проектируешь или проверяешь интерфейс.
CX Codex +1
1 100установок
lottie скилл Правила для ИИ-агента, который пишет Lottie-анимации на веб-страницах: формат dotLottie, ленивая загрузка, выбор рендерера и доступность.
CX Codex +1
1 100установок
nextauth-authentication скилл Скилл учит агента внедрять аутентификацию через NextAuth.js (Auth.js v5) в Next.js. Помогает настроить сессии, роуты и защиту страниц.
CX Codex +1
1 100установок
status-colors-and-errors скилл Скилл задаёт правила для семантических цветов статусов и текстов ошибок: сколько цветов держать, что каждый значит и как написать сообщение с выходом из ситуации.
CX Codex +1
859установок
islands-architecture скилл Скилл объясняет паттерн островной архитектуры и частичной гидратации. Пригодится, когда страница почти вся статичная, а интерактив нужен точечно.
CX Codex +1
624установок
elevation-and-depth скилл Задаёт правила для теней, скруглений и глубины интерфейса в CSS. Помогает агенту правильно оформлять карточки, модальные окна, выпадающие списки и тултипы.
CX Codex +1
854установок
sticky-and-fixed-elements скилл Помогает решить, что остаётся на экране при прокрутке: липкие заголовки, нижние панели, плавающие кнопки, закреплённые шапки таблиц.
CX Codex +1
855установок
1 841–1 880 из 2 909
