NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
frontend-designer скилл Скилл для сборки доступных и адаптивных компонентов интерфейса: дизайн-токены, современный CSS, паттерны React, Vue и Svelte.
CX Codex +1
335установок
web-design-expert скилл Проектирует веб-интерфейсы, айдентику бренда и палитры в формате OKLCH. Помогает продумать визуальную иерархию и сетку сайта до передачи макетов в вёрстку.
CX Codex +1
439установок
tailwind-v4 скилл Скилл для ИИ-агента, который подсказывает, как настроить Tailwind CSS v4: тема в CSS, токены дизайна, цвета OKLCH и тёмная тема.
CX Codex +1
812установок
color-theory-palette-harmony-expert скилл Скилл для подбора цветовых палитр и последовательностей фото: перцептивные пространства LAB и OKLCH, расстояние землекопа, чередование тёплых и холодных тонов.
CX Codex +1
430установок
figma-code-connect
официальный скилл Создаёт и обновляет шаблоны Code Connect, связывая компоненты Figma с фрагментами кода. Нужен для задач design-to-code.
CX Codex GP ChatGPT
28установок
motion-designer скилл Скилл для ИИ-агента, который помогает проектировать движение в интерфейсе: тайминги, кривые easing, спецификации для разработчика.
CX Codex +1
1 600установок
app-store-screens скилл Собирает комплект из 5–6 маркетинговых скриншотов для App Store в формате 1290×2796 на базе брендбука и исходных экранов приложения. Пригодится перед публикацией релиза в App Store Connect.
CX Codex +1
1 700установок
build-a-brand скилл Скилл создаёт айдентику бренда по описанию идеи, сайту или референсам: от быстрого набора до PDF-гайдлайна на 14–16 страниц.
CX Codex +1
1 700установок
site-specification скилл Превращает короткое описание проекта или логотип в готовую JSON-спецификацию сайта со структурой блоков, целевой аудиторией и шрифтами Google Fonts.
CX Codex +1
2 100установок
ui-design скилл Задаёт агенту правила вёрстки и интерфейсов: доступность, адаптивность, производительность. Пригодится, когда агент пишет фронтенд и вы хотите предсказуемый результат.
CX Codex +1
981установок
shadcn скилл Скилл с 58 правилами для shadcn/ui: подсказывает агенту, как правильно ставить компоненты, писать формы и не ломать доступность.
CX Codex +1
724установок
chrome-extension-ui скилл Набор правил по интерфейсу расширений Chrome: где ставить popup, где side panel, как сделать доступную навигацию и понятные состояния загрузки.
CX Codex +1
719установок
image-optimization скилл Скилл подсказывает агенту, как сжать изображения и перевести их в современные форматы. Пригодится перед деплоем, когда страница тормозит на мобильных сетях.
CX Codex +1
656установок
diagram-to-image скилл Переводит диаграммы Mermaid и таблицы Markdown в PNG-файлы. Пригодится для постов в X/Twitter и платформ без поддержки разметки.
CX Codex +1
508установок
brand-designer скилл Помогает собрать айдентику бренда: логотип, палитру, типографику и гайдлайны. Пригодится, когда нужен фирменный стиль прямо в коде проекта.
CX Codex +1
1 300установок
ux-audit-rethink скилл Проводит полный UX-аудит продукта по методологии IxDF и предлагает варианты редизайна. Пригодится перед крупной переработкой интерфейса.
CX Codex +1
843установок
typography-expert скилл Подбирает шрифтовые пары, настраивает вариативные оси, плавные шкалы и веб-шрифты без заезженных шаблонов вроде Inter и Roboto.
CX Codex +1
413установок
xiaohongshu-images скилл Преобразует Markdown, HTML или текст в оформленную HTML-страницу и последовательность изображений формата 3:4 для Xiaohongshu. Пригодится для подготовки публикации из статьи.
CX Codex +1
2 000установок
layout-paradigms-and-consistency скилл Помогает выбрать парадигму макета (лента, канбан, таблица, мастер-деталь) и выдержать единую структуру экранов или продающего лендинга.
CX Codex +1
734установок
information-architecture скилл Скилл помогает спроектировать навигацию, дерево разделов и таксономию для сайта или документации. Он задаёт четырёхэтапный процесс от карточной сортировки до тестирования дерева ссылок.
CX Codex +1
634установок
poster-design-generation скилл Скилл генерирует макеты постеров через each::sense: киноафиши, афиши концертов, продуктовые и travel-плакаты. Пригодится, когда нужен визуал под конкретный формат и место под текст.
CX Codex +1
2 100установок
canva-branded-presentation
официальный скилл Генерирует фирменные презентации в Canva по текстовому брифу, ссылке или идентификатору дизайна. Пригодится, когда нужно быстро собрать слайды в корпоративном стиле.
CX Codex GP ChatGPT
26установок
data-visualization
официальный скилл Скилл направляет задачи по веб-визуализации к подходящему подходу: от выбора графика до карт, диаграмм и экспорта. Пригодится, когда нужно спроектировать или проверить визуализацию данных.
CX Codex GP ChatGPT
26установок
color-accessibility скилл Помогает создавать палитры с учётом дальтонизма и требований WCAG AA и AAA. Пригодится при оформлении интерфейсов, графиков и валидации форм.
CX Codex +1
619установок
web-design-guidelines скилл Скилл проверяет веб-интерфейс по правилам доступности и UX. Запускайте его при аудите UI, форм или клавиатурной навигации.
CX Codex +1
896установок
sync-figma-token скилл Скилл сверяет дизайн-токены в коде с переменными Figma, показывает расхождения и применяет правки только после подтверждения.
CX Codex +1
676установок
contour-to-mesh скилл Строит меш в Blender прямо из контура или маски, а не из примерных примитивов. Нужен, когда силуэт должен совпасть с шаблоном один в один.
CX Codex +1
788установок
user-research-analysis скилл Скилл для разбора интервью и опросов: вытаскивает темы, боли и цитаты, чтобы решения по дизайну опирались на данные.
CX Codex +1
612установок
agency-agents-ai-specialists скилл Набор персон агентов для инженерных, дизайнерских и маркетинговых задач. Подключаешь нужную роль и просишь её собирать код.
CX Codex +1
2 100установок
gsap скилл Скилл для GSAP-анимаций: вход и выход панелей HUD, переходы статус-индикаторов, эффекты по скроллу. Пригодится, если собираете интерфейс на Vue.
CX Codex +1
1 300установок
landing-page-design скилл Скилл для проектирования лендингов: помогает агенту строить страницы вокруг одной цели и проверять каждое решение по справочникам.
CX Codex +1
447установок
design-systems скилл Помогает агенту выстроить дизайн-токены, компонентную библиотеку и правила доступности в одном проекте.
CX Codex +1
903установок
canva-translate-design
официальный скилл Переводит весь текст в дизайне Canva и создаёт отдельную копию. Нужен для локализации макета без правок каждого текстового блока вручную.
CX Codex GP ChatGPT
25установок
lower-thirds скилл Собирает анимированную плашку с именем и должностью в нижней части кадра: вход, пауза для чтения, выход. Пригодится для интервью, подкастов и роликов с говорящей головой.
CX Codex +1
1 700установок
21st-ui-build скилл Скилл для реализации страниц и компонентов в существующем веб-проекте: сначала читает дизайн-контекст и токены, потом ищет готовое в 21st.
CX Codex +1
1 400установок
modal-and-overlay-patterns скилл Правила выбора и вёрстки всплывающих окон: от подсказок и шторок до блокирующих модальных диалогов с единой подложкой и строгой доступностью.
CX Codex +1
686установок
operational-expert-tool-ui скилл Задаёт правила интерфейса для диспетчерских, складских и логистических инструментов: плотность данных вместо воздуха, статус виден сразу.
CX Codex +1
689установок
prototype скилл Собирает предлагаемый редизайн страницы в один статичный HTML-файл, который можно открыть в браузере и править через чат.
CX Codex +1
524установок
present скилл Собирает деки для дизайн-ревью, ресёрч-ридаутов и питчей: сначала интервью и утверждённый план истории, потом сборка слайдов.
CX Codex +1
398установок
micro-interactions скилл Скилл для ИИ-агента, который подсказывает, как анимировать кнопки, тумблеры, чекбоксы, индикаторы загрузки и бейджи уведомлений.
CX Codex +1
1 400установок
1 401–1 440 из 2 133
