NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
horizontal-scroll-scenes скилл Скилл для сцен, которые едут слева направо, пока пользователь скроллит вниз. Одна чистая функция превращает scrollY в сцену, паузу и переход.
CX Codex +1
367установок
amazon-listing-images скилл Помогает спланировать изображения для карточки товара на Amazon: список кадров, инфографика, лайфстайл-сцены и мобильная оптимизация.
CX Codex +1
1 400установок
transpose скилл Переосмысляет интерфейс под новую платформу: не сжимает вёрстку, а меняет модель взаимодействия, приоритеты информации и контекст.
CX Codex +1
2 700установок
philosopher скилл Переводит агента в режим широких ассоциаций: помогает не бросаться решать задачу, а сначала разобраться в ней.
CX Codex +1
2 700установок
measure скилл Скилл помогает определить UX-метрики и выстроить проверку гипотез в продукте. Он защищает команду от подмены пользы искусственной вовлечённостью.
CX Codex +1
2 700установок
vox-explainer скилл Скилл помогает собрать документальный ролик в духе Vox: от сценария по проверенным фактам до HTML-файла и экспорта в MP4. Подойдёт для коротких видео с графикой, созданной кодом.
CX Codex +1
1 500установок
motion-effects скилл Собирает один из 16 моушн-эффектов в вашем бренде как зацикленный HTML-файл на 8 секунд, который покадрово выгружается в MP4 или GIF.
CX Codex +1
1 500установок
meshy-3d-generation скилл Создаёт 3D-модели, текстурирует меши и настраивает анимации через Meshy CLI 0.4.3. Пригодится при добавлении файлов GLB и glTF в проект прямо из терминала.
CX Codex +1
2 300установок
macos-settings-ui скилл Собирает окно настроек для нативного macOS-приложения на SwiftUI: сайдбар, панели с Form и стеклянная отделка окна в духе macOS 26.
CX Codex +1
650установок
behavioural-analytics скилл Скилл читает воронки, кривые удержания и события как дизайнер: отделяет проблему интерфейса от артефакта трекинга. Пригодится, когда дали чужие данные и спрашивают, почему люди уходят.
CX Codex +1
625установок
remotion-video скилл Скилл для сборки MP4, GIF и WebM прямо в React: каждый кадр — чистая функция от useCurrentFrame, поэтому рендер детерминированный и повторяемый.
CX Codex +1
2 600установок
design-audit скилл Проверяет код фронтенда на проблемы с анимацией, доступностью и дизайн-токенами. Находит визуальные штампы ИИ и ошибки вёрстки перед сдачей проекта.
CX Codex +1
1 000установок
css-native скилл Скилл для ИИ-агента, который подсказывает, как делать анимации и визуальные эффекты на нативном CSS без библиотек.
CX Codex +1
1 100установок
gsap скилл Скилл помогает агенту писать анимации GSAP: таймлайны, каскадные эффекты и ScrollTrigger. Нужен для сложных движений и прокрутки.
CX Codex +1
997установок
canvas-generative скилл Скилл для алгоритмической графики на Canvas 2D: частицы, flow fields, шум, фракталы и L-системы. Пригодится, когда нужна анимация или генеративная картинка в браузере.
CX Codex +1
995установок
llm-icon-finder скилл Скилл находит ссылки на иконки AI-моделей и провайдеров из библиотеки lobe-icons и помогает скачать их в SVG, PNG или WEBP.
CX Codex +1
952установок
qual-quant-triangulation скилл Согласует расхождения между данными метрик и словами пользователей из интервью. Помогает понять причину конфликта и спланировать проверочное исследование.
CX Codex +1
617установок
framer-motion скилл Подсказывает агенту правила работы с Framer Motion и Motion в React: анимации раскладки, жесты и хуки без лишних ререндеров.
CX Codex +1
990установок
desktop-principles скилл Скилл с правилами десктопного UX: ховеры, точность указателя, горячие клавиши, несколько окон. Пригодится, когда интерфейс делают под macOS, Windows или Linux.
CX Codex +1
982установок
ios-development скилл Скилл для iOS-разработки: разбор Swift-кода, проверка UI по Apple HIG, аудит доступности и планирование приложения.
CX Codex +1
821установок
mobile-principles скилл Набор правил для мобильного интерфейса: размеры тап-зон, отказ от hover, зоны большого пальца, safe area и жесты. Подключается, когда агент видит мобильную платформу.
CX Codex +1
974установок
ios-accessibility скилл Скилл для ИИ-агента, который подсказывает, как делать iOS-приложения доступными: VoiceOver, Dynamic Type, Switch Control и тестирование.
CX Codex +1
911установок
qt-ui-design скилл Скилл для ИИ-агентов, который проводит через проектирование и аудит интерфейсов Qt/QML, веба и встраиваемых панелей: раскладка, навигация, контраст, размеры целей нажатия.
CX Codex +1
1 100установок
interface-kit скилл Скилл задаёт агенту план работы над интерфейсом: доступность, типографика, сетка, цвет, анимация. Пригодится, когда верстаете компонент или лендинг и не хотите получить шаблонный вид.
CX Codex +1
2 200установок
onboarding-ux скилл Скилл проходит по приложению как новый пользователь, находит места, где он застрянет, и пишет текст с кодом для пустых состояний, подсказок и приветствия.
CX Codex +1
1 100установок
ui-craft скилл Скилл для дизайна и вёрстки интерфейсов: сначала разведка проекта, потом код. Помогает уйти от типовых AI-макетов.
CX Codex +1
1 400установок
ui-mobile скилл Задаёт агенту правила мобильного интерфейса: минимальный размер нажатия 44×44, контраст по WCAG 2.1 AA, видимые границы кнопок.
CX Codex +1
1 200установок
model-showdown скилл Готовит честное видео-сравнение моушн-графики от трёх нейросетей по единому брифу. Сводит результаты первой попытки в ролик 16:9 или рилс 1080x1920.
CX Codex +1
1 400установок
newsletter-promo скилл Собирает 12–20-секундный промо-клип для LinkedIn, Instagram или X из одного выпуска рассылки: хук, три кадра-доказательства и финальная карточка.
CX Codex +1
1 400установок
milestone-reveal скилл Собирает 12-секундный зацикленный ролик, где тысячи точек слетаются в вашу реальную цифру подписчиков, выручки или клиентов.
CX Codex +1
1 400установок
loop-cover скилл Превращает обложку рассылки или блога в аккуратный зацикленный GIF размером 896x640 на 180 кадров. Оживляет ровно одну деталь, сохраняя первый кадр законченным.
CX Codex +1
1 400установок
apple-launch-film скилл Собирает лонч-фильм в стиле Apple для Mac целиком в коде: меню-бар, чёлку, виджеты и градиентные обои. Пригодится, когда нужен ролик без записи экрана и After Effects.
CX Codex +1
1 500установок
animated-chart скилл Строит одну петляющую анимированную диаграмму в HTML-коде и выгружает её в MP4 и GIF. Пригодится для поста в LinkedIn или врезки в рассылку.
CX Codex +1
1 400установок
title-sequence-3d скилл Скилл собирает кинематографичный 3D-опенер на Three.js в одном HTML-файле. Пригодится, когда для видеоролика или рассылки нужна яркая заставка с неоновыми вывесками и логотипами.
CX Codex +1
1 500установок
brand-intake скилл Скилл проводит короткое интервью и разбирает 3–5 референсов, чтобы собрать brand.md и MOTION.md — файлы, из которых остальные скиллы пака берут цвета, шрифты и тайминги.
CX Codex +1
1 500установок
motion-brief-writer скилл Превращает сырую идею анимированной графики в точный build-промпт для Claude. Спрашивает недостающее, не выдумывает числа.
CX Codex +1
1 500установок
launch-video скилл Собирает промо-ролики для запуска продуктов на 30–45 секунд в виде автономного HTML-файла с покадровой анимацией и экспортом в MP4. Пригодится при релизе SaaS или курса.
CX Codex +1
1 500установок
ux-designer скилл Скилл для ревью и сборки интерфейсов: проверяет доступность, состояния экранов и микрокопирайт, подсказывает числа для отступов и контраста.
CX Codex +1
1 600установок
swiftui-graphics скилл Скилл для продвинутой графики SwiftUI: Metal-шейдеры, .visualEffect, Liquid Glass из iOS 26 и Canvas. Пригодится, когда встроенных модификаторов уже не хватает.
CX Codex +1
939установок
compose-graphics скилл Скилл для продвинутой графики в Jetpack Compose: пружинная физика Material 3 Expressive, AGSL-шейдеры, Canvas и эффекты graphicsLayer.
CX Codex +1
937установок
1 041–1 080 из 2 133
