NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
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установок
core-animation скилл Скилл помогает агенту находить справку по Core Animation и отвечать на вопросы о слоях и анимациях. Пригодится, когда нужен явный контроль над свойствами CALayer или кадрами анимации.
CX Codex +1
400установок
hig-project-context скилл Собирает общий документ о вашем Apple-проекте, чтобы остальные HIG-скиллы не задавали одни и те же вопросы заново.
CX Codex +1
628установок
hig-components-system скилл Скилл передаёт агенту правила Apple HIG для виджетов, Live Activities и уведомлений. Помогает проектировать интерфейсы за пределами главного окна приложения.
CX Codex +1
625установок
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установок
micro-interactions скилл Скилл для мелких осмысленных анимаций: переключатели, иконки, моменты успеха. Пригодится, когда интерфейсу не хватает отклика.
CX Codex +1
869установок
databricks-app-design скилл Помогает проектировать data-экраны Databricks Apps на AppKit/React. Нужен для KPI, отчётов, графиков, таблиц и Genie-интерфейсов.
CX Codex +1
315установок
hig-technologies скилл Скилл подсказывает правила Apple HIG для Siri, Apple Pay, HealthKit, ARKit, iCloud и других системных технологий прямо в чате с агентом.
CX Codex +1
620установок
ui-design скилл Свод правил фронтенд-дизайна из 42 пунктов в 8 категориях. Помогает настроить доступность по WCAG, вёрстку и показатели Core Web Vitals.
CX Codex +1
513установок
color-palette-extractor скилл Достаёт доминирующие цвета из картинки, скриншота или сайта и собирает из них палитру с проверкой контраста. Пригодится, когда нужна тема под логотип или чужой макет.
CX Codex +1
609установок
ux-design скилл Скилл задаёт агенту правила UX-проектирования: от исследования пользователей до доступности и адаптивной вёрстки. Пригодится, когда проектируешь или проверяешь интерфейс.
CX Codex +1
1 100установок
lottie скилл Правила для ИИ-агента, который пишет Lottie-анимации на веб-страницах: формат dotLottie, ленивая загрузка, выбор рендерера и доступность.
CX Codex +1
1 100установок
status-colors-and-errors скилл Скилл задаёт правила для семантических цветов статусов и текстов ошибок: сколько цветов держать, что каждый значит и как написать сообщение с выходом из ситуации.
CX Codex +1
859установок
elevation-and-depth скилл Задаёт правила для теней, скруглений и глубины интерфейса в CSS. Помогает агенту правильно оформлять карточки, модальные окна, выпадающие списки и тултипы.
CX Codex +1
854установок
extract-design скилл Скилл извлекает с живого сайта цвета, типографику, отступы и стили компонентов. Пригодится, чтобы перенести визуальные решения в дизайн-систему проекта.
CX Codex +1
853установок
sticky-and-fixed-elements скилл Помогает решить, что остаётся на экране при прокрутке: липкие заголовки, нижние панели, плавающие кнопки, закреплённые шапки таблиц.
CX Codex +1
855установок
data-display-and-selection скилл Помогает агенту проектировать таблицы, списки и сетки: режимы просмотра, массовые действия, сортировка, поиск и выбор строк.
CX Codex +1
855установок
notifications-and-recovery скилл Скилл для проектирования уведомлений и состояний ошибок: тосты, инлайн-ошибки, баннеры и пути восстановления. Пригодится, когда нужно продумать фидбек после действия.
CX Codex +1
854установок
tui-design скилл Скилл для проектирования TUI: раскладка панелей, цвета, навигация с клавиатуры и асинхронные состояния. Пригодится, если вы пишете терминальный дашборд или пикер.
CX Codex +1
1 300установок
scroll-areas скилл Скилл учит агента избегать лишней вложенной прокрутки в вёрстке и ограничивать скролл одной осью там, где контейнер действительно нужен.
CX Codex +1
843установок
ui-context-and-scope скилл Скилл задаёт правила ориентации пользователя в сложных интерфейсах: хлебные крошки, границы секций и баннеры имперсонации. Помогает проектировать глубокую навигацию.
CX Codex +1
842установок
iphone-duo-dual-pane-patterns скилл Помогает проектировать двухэкранный интерфейс для iPhone Duo, вычислять размеры панелей и связывать колбэки шарнира. Пригодится при вёрстке экранов под складные устройства.
CX Codex +1
393установок
real-world-metaphors скилл Помогает выбрать между карточкой, каруселью, drawer и аккордеоном, когда проектируешь компоненты и навигацию.
CX Codex +1
841установок
21st-design-sync скилл Собирает переменные темы shadcn и Tailwind из CSS-файлов проекта и выгружает их как публичную тему в каталог 21st.dev через CLI.
CX Codex +1
1 700установок
global-toolbar-controls скилл Скилл задаёт правила вёрстки переключателей валюты, языка и единиц измерения. Помогает аккуратно разместить глобальные настройки в шапке или подвале, не перегружая навигацию.
CX Codex +1
834установок
webflow-mcp:designer-tools скилл Скилл помогает создавать и редактировать страницы, элементы и компоненты Webflow. Подходит для работы с макетом через MCP, в том числе без открытого Designer.
CX Codex +1
841установок
figma-design-to-code
официальный скилл Помогает перенести выбранный узел Figma в код проекта с учётом его стека и компонентов. Нужен перед вызовом get_design_context.
CX Codex GP ChatGPT
30установок
framer-motion скилл Скилл помогает ИИ применять 12 классических принципов анимации Диснея во Framer Motion для React. Пригодится при настройке плавных UI-переходов и жестов.
CX Codex +1
1 700установок
stock-photo-finder скилл Скилл для одновременного поиска бесплатных стоковых фотографий с фильтрацией по лицензии, ориентации и цветовой гамме. Пригодится при оформлении интерфейсов и контента.
CX Codex +1
582установок
dembrandt скилл Прогоняет задачу по интерфейсу через шесть этапов: бренд, токены, вёрстка, компоненты, полировка и доступность. Пригодится для дизайн-ревью или сборки UI с нуля.
CX Codex +1
822установок
premium-frontend-design скилл Скилл задаёт правила вёрстки нестандартных интерфейсов и лендингов. Он помогает агенту собирать анимации и 3D-сцены без однотипного ИИ-дизайна.
CX Codex +1
1 400установок
font-pairing-suggester скилл Скилл предлагает сочетания шрифтов под задачу и показывает иерархию заголовков с текстом. Пригодится, когда нужен шрифт вместо платного.
CX Codex +1
578установок
pixel-art скилл Скилл даёт агенту знания по пиксель-арту: палитры, дизеринг, субпиксельная анимация, тайлы и ограничения ретро-железа. Пригодится, если делаете спрайты и тайлсеты.
CX Codex +1
520установок
webflow-mcp:flowkit-naming скилл Приводит имена CSS-классов в Webflow к системе Flowkit: аудит существующих, генерация новых и применение через MCP-инструменты.
CX Codex +1
824установок
presentation-design-enhancer скилл Превращает перегруженные текстом слайды в визуальную подачу: предлагает раскладку, иконки и способы показать данные.
CX Codex +1
573установок
dashboards-and-real-time-visualization
официальный скилл Проектирует дашборды и системы живой визуализации данных. Помогает продумать стриминг, частоту обновлений, поведение при сбоях связи и нагрузку на рендер.
CX Codex GP ChatGPT
29установок
1 361–1 400 из 2 133
