NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
interaction-design скилл Скилл для проектирования взаимодействий: анимации, состояния загрузки и ошибок, отклик на нажатия. Пригодится, когда интерфейс работает, но ощущается сухим.
CX Codex +1
505установок
design-archivist скилл Собирает визуальную базу из 500–1000 реальных примеров: палитры, шрифты, сетки, интеракции. Нужен, когда решаете, как выглядеть на фоне конкурентов.
CX Codex +1
321установок
responsive-web-design скилл Скилл обучает агента адаптивной вёрстке сайтов по принципу mobile-first. Помогает собирать гибкие сетки на CSS Grid и настраивать поведение компонентов.
CX Codex +1
684установок
user-persona-creation скилл Скилл помогает создавать профили целевых пользователей на базе исследований и интервью. Он пригодится при проектировании интерфейсов и приоритизации фич.
CX Codex +1
486установок
figma-integration скилл Направляет ИИ-агента при переносе макетов из Figma в код: от разбора токенов и стилей до настройки MCP-серверов. Помогает сохранить сетку, типографику и состояния компонентов.
CX Codex +1
718установок
animate скилл Генерирует моушн-графику и анимированные ролики по текстовому описанию. Скилл создаёт автономный проект на Vite, React и Framer Motion с автозапуском сцен в браузере.
CX Codex +1
394установок
data-viz-2025 скилл Скилл для React, Next.js и TypeScript: помогает строить интерактивные графики, дашборды и визуализации на Tailwind CSS.
CX Codex +1
304установок
dark-mode-design-expert скилл Скилл по тёмной теме интерфейсов: атмосферные палитры, требования WCAG и токены для светлой и тёмной схемы. Пригодится, когда нужно переключать тему без потери читаемости.
CX Codex +1
304установок
muapi-logo-creator скилл Формирует лаконичные векторные логотипы на базе геометрических фигур и негативного пространства через muapi.ai. Пригодится для создания фирменных знаков и фавиконов.
CX Codex +1
2 900установок
thumbnail-design скилл Скилл пишет бриф на обложку YouTube и план A/B-теста: одна точка фокуса, читаемость на телефоне, честное обещание вместо кликбейта.
CX Codex +1
699установок
design-and-templates скилл Скилл собирает брендкит и небольшой набор шаблонов, чтобы не-дизайнер делал однотипную графику для соцсетей быстро и в одном стиле.
CX Codex +1
694установок
less-best-practices скилл Скилл задаёт стандарты архитектуры стилей на Less: модульную структуру файлов, шкалы переменных и готовые миксины. Помогает поддерживать чистый CSS без роста специфичности селекторов.
CX Codex +1
692установок
scroll-animations скилл Скилл для анимаций, привязанных к прокрутке: появления блоков, параллакс, липкие шапки, индикаторы прогресса. Пригодится, когда страница должна реагировать на скролл, а не просто листаться.
CX Codex +1
1 100установок
muapi-ui-design скилл Скилл превращает описание продукта в спецификацию для высокодетальных UI-макетов и вайрфреймов: атомарный дизайн, токены, паттерны раскладки.
CX Codex +1
2 800установок
muapi-nano-banana скилл Скилл переводит запросы к генерации изображений в логические брифы в стиле Gemini 3 и запускает их через сервис muapi.ai. Полезен, когда нужны реалистичная физика света и читаемый текст.
CX Codex +1
2 800установок
blockbench-texturing скилл Скилл помогает создавать и раскрашивать текстуры 3D-моделей в Blockbench через MCP-инструменты. Пригодится для пиксель-арта, UV-развёрток и покраски отдельных участков модели.
CX Codex +1
1 200установок
animated-infographic скилл Собирает статичную инфографику из иконок, чисел и подписей, а потом раскрывает элементы по очереди. Для объясняющих видео и роликов «как это работает».
CX Codex +1
1 300установок
ios-glass-ui-designer скилл Переделывает интерфейс мобильного приложения под нативный iOS: стеклянные материалы, типографика SF Pro, safe-area. Пригодится, когда экран выглядит чужим на iPhone.
CX Codex +1
504установок
ui-design скилл Скилл задаёт процесс создания визуальных интерфейсов: от выбора стека до проверки доступности, адаптивности и анимаций.
CX Codex +1
1 800установок
react-flow-architecture скилл Архитектурные подсказки для интерфейсов на React Flow: выбор состояния, интеграций и масштаба node-based приложений.
CX Codex +1
529установок
nano-banana-prompts скилл Генерирует описательные промпты для нейросети Gemini 2.5 Flash Image. Помогает составить структурированные описания для фото, артов и пошаговых правок.
CX Codex +1
600установок
responsive-layout-builder скилл Скилл задаёт правила и готовые шаблоны для мобильной адаптивной вёрстки на CSS Grid, Flexbox, Tailwind и Container Queries в ассистентах Claude Code, Cursor и Copilot.
CX Codex +1
354установок
image-prompt скилл Скилл формулирует визуальный бриф для поста, отсекает ненужную ИИ-генерацию, собирает промпт без мусорных токенов и направляет задачу в подходящую нейросеть.
CX Codex +1
632установок
javascript-animation скилл Скилл собирает короткий анимационный ролик, где каждый кадр нарисован кодом на HTML canvas, и рендерит его в MP4. Пригодится, когда нет ни картинок, ни шрифтов под рукой.
CX Codex +1
532установок
animated-readme-logo скилл Скилл собирает, переделывает и проверяет логотипы для README: от SVG-мастера до статичного PNG и анимированного GIF.
CX Codex +1
2 700установок
drawio-diagrams скилл Скилл создаёт, редактирует и проверяет файлы .drawio прямо в диалоге с агентом. Он собирает технические схемы и архитектуру, но не строит аналитические графики.
CX Codex +1
2 700установок
frontend-design-ui-ux скилл Скилл создаёт зафиксированный язык дизайна и UX/UI-спецификацию для фичи или экрана. Он нужен перед передачей задачи инженеру.
CX Codex +1
2 400установок
tailwind-responsive-ui скилл Скилл для Claude и других ИИ-редакторов: помогает переделывать интерфейсы на Tailwind CSS под мобильные и десктопные экраны.
CX Codex +1
461установок
brand-consistency-checker скилл Скилл просматривает документы и слайды на чужие цвета, шрифты и логотипы, сверяет их с гайдлайнами бренда и предлагает правки.
CX Codex +1
345установок
layer-pixel-art скилл Скилл для генерации пиксель-арта в Layer: спрайты, тайлы, циклы ходьбы и сборка кадров в спрайт-лист. Помогает, когда картинка выходит размытой или не по сетке.
CX Codex +1
3 400установок
layer-art-direction скилл Помогает зафиксировать арт-дирекшн, цветовую палитру и раскадровку перед массовой генерацией графики. Защищает от пустых правок и траты Creative Units.
CX Codex +1
3 400установок
soundtrack скилл Пишет партитуру к анимации прямо в коде на Web Audio, рендерит её в WAV и проверяет, что монтажные склейки попадают в долю без резкого скачка громкости.
CX Codex +1
543установок
game-designer скилл Скилл для тех, кто делает анимации в играх: разбирает 12 принципов Диснея применительно к отзывчивости управления и ощущению удара.
CX Codex +1
1 000установок
mobile-first-design скилл Задаёт правила адаптивной вёрстки от экрана 320px к десктопу, требования к тач-зонам от 48x48px и лимиты веса страницы до 500KB.
CX Codex +1
568установок
quote-cards-and-text-graphics скилл Готовит спецификации для карточек с цитатами, отдельными фактами и цифрами под соцсети. Пригодится, когда нужно превратить одну мысль в типографический баннер.
CX Codex +1
612установок
tailwind-ui-refactor скилл Скилл для рефакторинга HTML с классами Tailwind: подсказывает, как выстроить иерархию, отступы, типографику и цвет. Пригодится, когда верстаешь без дизайнера.
CX Codex +1
458установок
zimage-generation скилл Скилл отправляет текстовое описание в Z-Image через API ModelScope и сохраняет сгенерированное изображение. Пригодится, когда нужно создать картинку по запросу агента.
CX Codex +1
868установок
awwwards-landing-page скилл Скилл обучает агента разворачивать шаблон дизайнерского портфолио на Next.js с анимациями. Пригодится для быстрой вёрстки статичного сайта с плавной прокруткой.
CX Codex +1
1 300установок
efecto-graphic-design скилл Скилл помогает ИИ-ассистенту создавать графику, презентации и макеты через канвас Efecto. Пригодится при вёрстке питч-деков, постеров, карточек для соцсетей и визиток.
CX Codex +1
795установок
pinterest-pin-design скилл Оформляет концепции и брифы для пинов Pinterest формата 2:3, текстовые оверлеи под мобильную ленту и серии свежих вариантов под один URL.
CX Codex +1
604установок
1 481–1 520 из 2 133
