NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
gsap-web скилл Скилл помогает настраивать анимации на GSAP: от таймлайнов и ScrollTrigger до эффектов SplitText, Flip и плавной прокрутки с Lenis.
CX Codex +1
2 500установок
micro-interaction скилл Скилл для мелкой анимации интерфейса: ховеры, тоглы, тосты, шторки, перестановка списков. Пригодится, когда UI нужно оживить, а не украсить.
CX Codex +1
2 500установок
atomic-design-fundamentals скилл Помогает разложить компоненты интерфейса по уровням Atomic Design: от токенов до страниц. Пригодится, когда в проекте уже сотня компонентов и непонятно, куда класть новый.
CX Codex +1
766установок
tailwindcss скилл Скилл настраивает работу агента с Tailwind CSS v4. Он заставляет применять утилиты, проектные дизайн-токены и избегать динамической сборки имён классов.
CX Codex +1
447установок
scenario-textures скилл Скилл настраивает генерацию бесшовных текстур, апскейл с сохранением тайлинга и сборку PBR-материалов через MCP-сервер Scenario. Пригодится при подготовке ассетов для игровых движков.
CX Codex +1
500установок
gpt-taste скилл Заставляет агента сначала генерировать визуальные референсы страниц, детально их разбирать и только потом писать код фронтенда.
CX Codex +1
398установок
app-icon скилл Скилл создаёт объёмные иконки для iOS и Android в проектах Expo, а затем нарезает их под требования сторов.
CX Codex +1
396установок
design-taste скилл Скилл помогает создавать и дорабатывать веб-интерфейсы, разбирая визуальную иерархию, типографику, цвет, отступы и анимацию. Пригодится для редизайна и ревью UI.
CX Codex +1
720установок
screenshot-to-code скилл Превращает скриншот, макет или экспорт из Figma в рабочий фронтенд-код и сверяет результат с картинкой. Пригодится, когда есть дизайн, но нет вёрстки.
CX Codex +1
1 300установок
product-taste скилл Скилл помогает разбирать, почему продукт ощущается качественным, и принимать решения до того, как появятся метрики.
CX Codex +1
397установок
instagram-carousel скилл Собирает карусель для Instagram как прокручиваемый HTML-превью, а каждый слайд отдаёт готовым PNG 1080×1350.
CX Codex +1
817установок
page-transition-animation скилл Скилл для анимации переходов между страницами в Next.js App Router и починки неработающего exit в Framer Motion AnimatePresence.
CX Codex +1
2 300установок
glassmorphism скилл Скилл для ИИ-агента, который добавляет в интерфейс матовое стекло: размытие фона, светлая кромка, слоистые тени и жидкое преломление.
CX Codex +1
2 400установок
tool-foundation-sprint-approach-options скилл Скилл для утренней сессии второго дня Foundation Sprint. Помогает сформировать от 3 до 7 стратегических подходов на одной странице и защищает команду от фиксации на первой идее.
CX Codex +1
622установок
presentation-design скилл Скилл проектирует презентации вокруг аудитории: структура, визуальная ясность, когнитивная нагрузка. Пригодится перед подготовкой доклада или разбором готовых слайдов.
CX Codex +1
2 500установок
tool-design-sprint-prototype-plan скилл Готовит план четвёртого дня Design Sprint: роли команды, бриф прототипа и сценарий интервью. Запускайте утром в четверг после утверждения раскадровки.
CX Codex +1
620установок
tool-design-sprint-map-and-target скилл Помогает провести первый день дизайн-спринта и собрать карту пути, долгосрочную цель, риски и целевой момент для прототипа.
CX Codex +1
620установок
tool-design-sprint-decide-and-storyboard скилл Ведёт среду дизайн-спринта: раскладка скетчей, тепловая карта, критика, соломенный опрос, суперголос Decider и раскадровка на 5–15 шагов.
CX Codex +1
620установок
stop-describing-ui скилл Скилл вычищает пояснительный текст из UI: заголовки, пустые состояния, подписи кнопок, подсказки и онбординг. Пригодится, когда экран объясняет себя вместо того, чтобы показывать действие.
CX Codex +1
717установок
tool-design-sprint-sketch скилл Структурирует второй день дизайн-спринта: молниеносные демо и четыре шага независимого скетча. Пригодится фасилитатору после того, как цель понедельника зафиксирована.
CX Codex +1
616установок
using-ui-stack скилл Заставляет агента строить интерфейс по фиксированным правилам: сетка 8px, цвета 60-30-10, типографика, тёмная тема и состояния интерактивных элементов.
CX Codex +1
539установок
qt-figma-token-extraction скилл Достаёт переменные, текстовые стили и токены из файла Figma и превращает их в design-tokens.json и готовые QML-синглтоны с общим Theme.
CX Codex +1
439установок
ios-liquid-glass скилл Справочник по API Liquid Glass из iOS 26+: модификаторы glassEffect, контейнеры, морфинг-переходы и навигация. Пригодится, когда верстаешь стеклянные панели в SwiftUI.
CX Codex +1
803установок
resend-design-skills скилл Направляет ассистента к правилам визуального стиля и айдентики Resend. Пригодится при оформлении презентаций, соцсетей и промо-страниц в стилистике бренда.
CX Codex +1
1 200установок
ui-design скилл Скилл задаёт агенту дизайнерские правила: сетка, типографика, цвет, отступы. Пригодится, когда нет своего дизайн-системного скилла.
CX Codex +1
832установок
qt-figma-component-generation скилл Читает компоненты Figma через MCP и пишет по ним QML-контролы на Qt Quick Controls 2. Нужен на шаге генерации компонентов в воркфлоу дизайн-системы.
CX Codex +1
437установок
mapbox-style-patterns скилл Готовые наборы слоёв и стилей Mapbox для типовых карт: поиск заведений, недвижимость, маршруты, доставка. Пригодится, когда нужен проверенный стиль, а не подбор цветов с нуля.
CX Codex +1
2 300установок
hig скилл Локальный справочник Apple Human Interface Guidelines в Markdown для проверки размеров кнопок, Dynamic Type, терминологии и системных компонентов без выхода в сеть.
CX Codex +1
786установок
ai-native-ux скилл Помогает проектировать интерфейсы для продуктов на вероятностных моделях: где отдать решение алгоритму, а где оставить человеку.
CX Codex +1
373установок
tailwindcss-animations скилл Скилл по анимациям и переходам Tailwind CSS: встроенные утилиты, свои @keyframes, reduced-motion, Framer Motion.
CX Codex +1
2 400установок
scenario-image-editing скилл Обрабатывает готовые изображения через MCP-модели Scenario: апскейлит картинки, правит цвета по LUT и удаляет водяные знаки. Пригодится для пакетного пост-процессинга без промптов.
CX Codex +1
443установок
ui-design-system скилл Скилл для сборки и разбора React-интерфейсов на TailwindCSS, Radix UI и shadcn/ui. Пригодится, когда компоненты уже расползлись и нужен порядок.
CX Codex +1
3 200установок
scenario-asset-analysis скилл Извлекает текстовые описания и карты условий из генераций Scenario, а также находит ассеты через поиск. Пригодится для проверки батчей по брифу и подготовки данных для других моделей.
CX Codex +1
435установок
design-style-picker скилл Генерирует пачку вариантов визуального стиля и даёт выбрать нужный по изображениям, а не по описанию. Пригодится, когда заказчик не может словами сказать, чего хочет.
CX Codex +1
342установок
frontend-design скилл Аудит существующего CSS, извлечение токенов и генерация палитр, типографики и компонентов. Пригодится, когда интерфейс выглядит как типовой вывод ИИ.
CX Codex +1
2 300установок
lottie-animation скилл Помогает агенту подключить анимацию из After Effects, управлять воспроизведением и перекрашивать её во время работы приложения.
CX Codex +1
2 100установок
wireframe-prototyping скилл Скилл помогает набросать каркас интерфейса и собрать прототип до того, как начнётся разработка. Пригодится, когда нужно показать идею команде или заказчику.
CX Codex +1
1 400установок
hand-drawn-diagrams скилл Рисует от руки диаграммы, блок-схемы, вайрфреймы и макеты страниц в формате Excalidraw. Пригодится, когда нужно объяснить архитектуру или поток на картинке.
CX Codex +1
620установок
web-3d-asset-pipeline
официальный скилл Помогает подготовить GLB и glTF 2.0 для браузерной игры: от очистки модели до проверки её структуры. Пригодится, когда стек уже выбран, а ассеты нужно довести до поставки.
CX Codex GP ChatGPT
58установок
window-management
официальный скилл Помогает настраивать окна и сцены SwiftUI в macOS 15+: убирать лишний хром, задавать области перетаскивания, правила размещения и восстановления.
CX Codex GP ChatGPT
58установок
1 201–1 240 из 2 133
