NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
whiteboard-animation скилл Скилл учит ИИ анимировать векторные рисунки и рукописный текст в стиле VideoScribe с рукой, держащей маркер. Помогает собирать скрайбинг-видео под закадровый голос.
CX Codex +1
1 400установок
diagram-animation скилл Скилл для ИИ-кодинга, который превращает статичную диаграмму или график в пошаговое появление: узлы, связи, подписи, растущие столбцы.
CX Codex +1
1 500установок
explainer-video скилл Ведёт агента по всему конвейеру: сценарий, раскадровка, сборка сцен, синхронизация озвучки и субтитров. Пригодится, когда из идеи нужно собрать ролик на 30–90 секунд.
CX Codex +1
1 500установок
exporting-to-png скилл Скилл обучает агента преобразовывать код, диаграммы Mermaid, вывод терминала и SVG в PNG-файлы с помощью консольных утилит или headless-браузера.
CX Codex +1
401установок
godot-ui скилл Скилл даёт агенту знания о Control-нодах, темах и типовых экранах Godot. Пригодится, когда собираешь меню, HUD или инвентарь.
CX Codex +1
2 700установок
ui-design скилл Заставляет агента сначала выдать дизайн-спецификацию — палитру, шрифты, сетку — и только потом писать код интерфейса.
CX Codex +1
1 800установок
frontend-design-review скилл Скилл проверяет и создаёт интерфейсы с учётом дизайна, доступности и дизайн-системы. Подходит для ревью UI, PR и адаптивной вёрстки.
237установок
aceternity-ui скилл Скилл подключает к агенту библиотеку Aceternity UI: больше 100 анимированных компонентов React для Next.js с Tailwind. Пригодится, когда нужен hero-блок, параллакс или 3D-эффект.
CX Codex +1
1 500установок
scenario-blender-previs-storyboard скилл Помогает превратить сценарий в 3D-превиз, сториборд или аниматик в Blender. Скилл строит шот-лист по смысловым битам, настраивает камеры и собирает драфт сцены.
CX Codex +1
339установок
responsive-web-design скилл Скилл для ИИ-агента, который помогает писать адаптивные интерфейсы на Flexbox, CSS Grid и медиазапросах. Пригодится, когда вёрстка должна работать на телефоне и десктопе.
CX Codex +1
1 100установок
structured-artifact скилл Скилл для сборки структурированных HTML-артефактов: помогает агенту решить, как подать материал, и только потом выбрать инструменты.
CX Codex +1
387установок
generating-images скилл Скилл генерирует и правит изображения через OpenAI Image API на модели gpt-image-2. Пригодится, когда нужен OG-баннер, иконка или мокап прямо из чата с агентом.
CX Codex +1
388установок
iphone-duo-design-review скилл Скилл проверяет интерфейсы для складного iPhone Duo во всех позах: закрытой, открытой, книжной, настольной и палатке. Помогает оценить макеты экранов до написания кода.
CX Codex +1
584установок
nextjs-shadcn скилл Скилл помогает агенту собрать интерфейс Next.js с shadcn/ui: выбрать шрифты, тему, фон и эффекты под задачу продукта.
CX Codex +1
835установок
roblox-game-design скилл Помогает выстроить базовый геймплейный цикл, онбординг без всплывающих окон, экономику и фазы удержания игроков в плейсах Roblox. Пригодится при падении раннего онлайна или ощущении скуки в игре.
CX Codex +1
1 300установок
markdown-html-orchestrator скилл Маршрутизирует длинные Markdown-документы, код-ревью и слайды в подходящий конвертер, который создаёт HTML-файл. Подходит, когда документ нужно читать или показывать в браузере.
46установок
presentation-creator скилл Скилл превращает документы и идеи в структуру презентации, слайды с текстом и заметками докладчика. По умолчанию собирает разметку Marp, готовя логику перед вёрсткой.
CX Codex +1
881установок
tailwindcss скилл Задаёт агенту стиль работы с TailwindCSS: утилитарные классы прямо в разметке, мобильный первым, тёмная тема через вариант dark:.
CX Codex +1
1 500установок
photo-composition-critic скилл Скилл для критики фотографий: оценивает композицию, цвет и эстетику, даёт конкретные замечания. Пригодится, когда нужно разобрать снимок, а не отретушировать его.
CX Codex +1
643установок
video-motion-graphics скилл Скилл внедряет 12 классических принципов анимации Диснея в проекты After Effects и Premiere Pro. Помогает настраивать тайминг, графики скорости и овершуты при создании моушн-дизайна.
CX Codex +1
2 400установок
mobile-touch скилл Скилл для ИИ-агента, который помогает проектировать жесты, хаптику и анимации в iOS и Android. Пригодится, когда нужно оживить интерфейс без выдумывания таймингов с нуля.
CX Codex +1
2 400установок
scenario-blender-grease-pencil скилл Управляет Grease Pencil v3 в Blender 5.x через Python: создаёт 2D-риги, настраивает заливки и покадровую анимацию. Пригодится при сбоях старых скриптов GPENCIL.
CX Codex +1
305установок
css-animation-creator скилл Скилл для ИИ-кодинга, который помогает писать CSS-анимации, переходы, микроинтеракции и анимации по скроллу. Пригодится, когда нужно добавить движение в интерфейс без ручного подбора таймингов.
CX Codex +1
805установок
frontend-accessibility-best-practices скилл Скилл с 7 правилами доступности для React: семантическая вёрстка, скринридеры, клавиатура, настройки пользователя. Пригодится при сборке форм и интерактивных элементов.
CX Codex +1
863установок
css-architecture скилл Скилл для ИИ-агента, который помогает разложить CSS по методологиям BEM, SMACSS и CSS-in-JS. Пригодится, когда стили в проекте растут быстрее, чем вы успеваете их переименовывать.
CX Codex +1
959установок
pulsar-haptics скилл Скилл настраивает тактильный отклик через библиотеку Pulsar в мобильных и веб-приложениях. Он помогает внедрять пресеты, переносить код с expo-haptics и связывать виброотклик с макетами Figma.
CX Codex +1
380установок
blender-lighting скилл Настраивает студийный, кинематографичный или уличный свет в сценах Blender через готовые Python-сценарии и MCP-сервер.
CX Codex +1
1 200установок
animation-designer скилл Скилл для веб-анимаций: переходы страниц, появление компонентов, параллакс и микро-взаимодействия на Framer Motion и CSS.
CX Codex +1
1 900установок
lorem-ipsum скилл Генерирует текст-рыбу через готовый Python-скрипт с точным контролем структуры, длины и формата. Помогает наполнить макеты интерфейсов или тестовые документы реалистичным контентом.
CX Codex +1
511установок
product-design скилл Скилл разбирает продуктовые решения в интерфейсе: какой контрол поставить, что делает действие, нужна ли отмена. Пригодится, когда флоу ещё не устоялся.
CX Codex +1
825установок
book-illustrator скилл Помогает создавать иллюстрации для детских книг с учётом возраста от 0 до 12 лет, теории цвета и правил композиции. Пригодится при оформлении обложек, разворотов и персонажей.
CX Codex +1
453установок
design-mirror скилл Скилл снимает визуальные особенности сайта и переносит их в существующий код. Нужен, когда интерфейс должен повторять стиль страницы по URL.
CX Codex +1
340установок
maplibre-cartography скилл Скилл с картографическими правилами для MapLibre GL JS: подбирает цвета подписей и значков, порядок слоёв и контраст. Пригодится, когда карта стилизуется впервые или подписи теряются на снимках.
CX Codex +1
419установок
ui-refactor скилл Скилл обучает ассистента правилам интерфейсного дизайна: выстраивать иерархию, задавать сетки отступов и подбирать шрифтовые пары вместо случайных правок стилей.
CX Codex +1
494установок
hig-foundations скилл Скилл с основами Apple Human Interface Guidelines: цвет, типографика, SF Symbols, тёмная тема, доступность. Пригодится, когда интерфейс выглядит чужеродно на Apple-платформах.
CX Codex +1
730установок
character-design скилл Скилл помогает создавать персонажей и сохранять их внешность между изображениями и видео. Пригодится для референс-листов, смены одежды и правок по образцу.
CX Codex +1
449установок
developer-portal-design скилл Скилл ведёт проектирование внешнего портала для разработчиков как продукта: аудитории, информационная архитектура, путь до первого вызова API, RBAC.
CX Codex +1
8 100установок
mobile-first-design скилл Скилл задаёт порядок работы над интерфейсом: сначала мобильный экран, потом планшет и десктоп. Пригодится, когда вёрстка разъезжается на телефонах.
CX Codex +1
857установок
figma-use
официальный скилл Скилл задаёт правила работы с Figma Plugin API через инструмент use_figma. Он пригодится, когда нужно менять содержимое файла или программно изучать его структуру.
CX Codex GP ChatGPT
36установок
generate-image скилл Скилл генерирует изображения по текстовому описанию через OpenAI или Stability AI. Пригодится, когда агенту нужно подготовить баннер, иконку или иллюстрацию для проекта.
CX Codex +1
343установок
1 281–1 320 из 2 133
