NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
tailwind скилл Скилл с 42 правилами по Tailwind CSS v4: сборка, генерация CSS, размер бандла, темизация. Пригодится при миграции и настройке.
CX Codex +1
512установок
level-design скилл Помогает продумать структуру уровня, темп, сложность и подачу сюжета через окружение. Пригодится геймдизайнеру на этапе бумажного прототипа и вайтбокса.
CX Codex +1
563установок
blender скилл Справочник по интерфейсу Blender, горячим клавишам, риггингу и пайплайну экспорта моделей в движки Unity и Unreal.
CX Codex +1
531установок
repeated-component-alignment скилл Скилл для ИИ-кодинга, который держит карточки, строки списков и плитки в одной сетке, когда тексты разной длины. Пригодится при вёрстке повторяющихся компонентов.
CX Codex +1
678установок
ui-ux-pro-max-skill скилл Скилл подбирает структуру страницы, визуальный стиль, цвета и шрифты по описанию продукта. Пригодится, когда нужно задать направление дизайна до реализации интерфейса.
CX Codex +1
2 000установок
tab-navigation скилл Скилл для проектирования вкладок: подсказывает, когда они уместны, как устроена полоса вкладок и как ведёт себя клавиатура.
CX Codex +1
674установок
uml-and-software-architecture-visualization
официальный скилл Скилл помогает выбрать нотацию и формат для UML-диаграмм, схем архитектуры, процессов и данных. Подключайте его, когда нужно описать структуру или поведение системы.
CX Codex GP ChatGPT
24установок
social-media-image-sizes скилл Скилл проверяет размеры картинок под требования 9 соцсетей и обрезает файлы скриптом на Node.js. Пригодится для постов и рекламы без запуска графического редактора.
CX Codex +1
1 800установок
voice-audio-engineer скилл Скилл для работы с речью через ElevenLabs: озвучка текста, клонирование голоса, подкасты, транскрипция и голосовые интерфейсы.
CX Codex +1
367установок
awwwards-ui-skills скилл Скилл задаёт дизайн-систему в стиле Awwwards: строгую сетку 4px, шрифт Inter и светлую палитру с базовым фоном #E4E4E4.
CX Codex +1
560установок
coordinated-data-views скилл Скилл для ИИ-кодинга, который подсказывает, как связать таблицу с картой, диаграммой или графиком и синхронизировать выделение в обе стороны.
CX Codex +1
668установок
authentic-product-representation скилл Заставляет ИИ-агента оформлять лендинги и демо-панели с реальными данными вместо lorem ipsum. Нужен для вёрстки правдоподобных hero-блоков и скриншотов.
CX Codex +1
662установок
domain-expert-configuration скилл Направляет ИИ при проектировании панелей настроек, параметров солверов и редакторов ограничений для экспертов без инженерного опыта.
CX Codex +1
660установок
nielsen-heuristics-audit скилл Скилл прогоняет интерфейс по 10 эвристикам Якоба Нильсена и выдаёт отчёт с оценкой серьёзности каждой находки. Пригодится, когда нужно найти проблемы юзабилити до тестов с людьми.
CX Codex +1
739установок
ui-audit скилл Скилл анализирует интерфейсы по правилам книги Making UX Decisions. Помогает находить ошибки в визуальной иерархии, доступности и формах прямо в коде.
CX Codex +1
542установок
extract скилл Обходит страницы рабочего сайта и сохраняет дизайн-систему, типографику, палитру и структуру в каталог stardust/current/.
CX Codex +1
496установок
responsive-design скилл Скилл задаёт агенту правила адаптивной вёрстки: mobile-first, гибкие сетки, медиазапросы, адаптивные картинки и типографика.
CX Codex +1
830установок
orbital-hud-motion скилл Скилл для ИИ-агента, который строит круговые HUD-эффекты и аура-кольца вокруг объекта в Blender по референсу, а не наугад.
CX Codex +1
714установок
direct скилл Формирует спецификацию редизайна сайта на основе пожеланий пользователя. Фиксирует палитру, типографику и архитектуру в PRODUCT.md и DESIGN.md.
CX Codex +1
488установок
21st-ui-review скилл Проверяет существующий UI на доступность, адаптивность и расхождения с дизайн-системой проекта. Пригодится перед релизом страницы или после чужого пул-реквеста.
CX Codex +1
1 300установок
21st-ui-explore скилл Скилл предлагает несколько разных направлений интерфейса, опираясь на дизайн-систему проекта и подборку референсов из 21st. Пригодится, когда неясно, как должна выглядеть новая страница.
CX Codex +1
1 400установок
prepare-migration скилл Координирует подготовку сайта к миграции с редизайном: собирает инвентарь страниц, проверяет типы модулей и формирует дизайн-канон перед переносом.
CX Codex +1
487установок
motion скилл Задаёт агенту правила работы с библиотекой Motion в чистом JavaScript и TypeScript. Помогает писать быстрые веб-анимации на GPU без просадок кадров.
CX Codex +1
812установок
sound-engineer скилл Помогает агенту проектировать пространственный звук, процедурные эффекты и звук интерфейса в играх и приложениях.
CX Codex +1
348установок
Web Design Builder скилл Собирает HTML5-макеты и лендинги по описанию, а потом сам проверяет доступность и работу интерфейса через Playwright MCP.
CX Codex +1
416установок
web-motion-design скилл Скилл, который подсказывает агенту, как делать CSS-анимации, JS-переходы и движение в React и Vue по 12 принципам анимации.
CX Codex +1
1 300установок
character-design скилл Скилл для ИИ-кодинга, который помогает проектировать игровых персонажей: силуэт, форму, цвет и пропорции. Пригодится, когда нужен концепт героя, злодея или NPC.
CX Codex +1
400установок
design-system-creation скилл Скилл помогает собрать дизайн-систему: компоненты, токены, правила и документацию. Пригодится, когда интерфейсов или команд стало больше одной.
CX Codex +1
537установок
distinctive-frontend скилл Генерирует интерфейсы без дефолтной «нейросетевой» эстетики: предлагает готовую типографику, анимации появления и стили Cyberpunk, Brutalist, Vaporwave или Nordic Minimalism.
CX Codex +1
588установок
graphic-design скилл Скилл с принципами графического дизайна для цифровых и печатных макетов: цвет, типографика, сетки, форматы файлов. Пригодится, когда агент верстает интерфейс или готовит макет к печати.
CX Codex +1
492установок
visualization-strategy-and-critique
официальный скилл Выбирает форматы диаграмм, компонует дашборды и критикует визуализацию данных. Помогает продумать экран до написания кода.
CX Codex GP ChatGPT
22установок
map-animation скилл Скилл для анимированных карт в стиле Vox: камера летит над картой, падают пины, рисуются маршруты. Пригодится для объясняющего видео.
CX Codex +1
763установок
apple-ui-skills скилл Задаёт агенту жёсткие правила вёрстки в стиле Apple: светлый фон, шрифт Inter, сетка 4px. Пригодится, когда нужен предсказуемый вид интерфейса без ручных правок.
CX Codex +1
509установок
frontend-tailwind-best-practices скилл Набор правил Tailwind CSS для фронтенда: стеки, отступы через gap, тёмная тема и слияние классов. Пригодится, когда агент пишет стили компонентов и ломает вёрстку.
CX Codex +1
464установок
gsap скилл Задаёт агенту правила анимаций на GSAP: трансформы вместо left/top, stagger, таймлайны, ScrollTrigger. Пригодится, когда интерфейс дёргается на слабом железе.
CX Codex +1
769установок
figma-designer скилл Разбирает макет Figma на токены, спецификации компонентов и состояния взаимодействия, чтобы передать их в планирование или разработку.
CX Codex +1
807установок
google-slides
официальный скилл Разбирает дизайн-систему существующих презентаций Google Slides и собирает новые слайды строго по шаблону. Помогает обновлять и перевёрстывать готовые колоды.
CX Codex GP ChatGPT
21установок
figma-use-slides
официальный скилл Скилл учит ИИ-агента работать с презентациями Figma Slides через MCP-инструмент use_figma. Пригодится для сборки новых слайдов, вёрстки по брендбуку и точечных правок.
CX Codex GP ChatGPT
21установок
msw-ui-kit скилл Скилл подбирает готовые RUID-палитры и виджеты из официальных MSWPackages, чтобы интерфейс игры выглядел цельно. Пригодится, когда нужен экран или элемент в едином стиле.
CX Codex +1
1 200установок
search скилл Настраивает поисковые запросы к базе интерфейсов Mobbin. Помогает агенту точнее подбирать экраны, лендинги и пользовательские сценарии.
CX Codex +1
342установок
1 441–1 480 из 2 133
