NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
elegance-sophistication скилл Набор правил для ИИ-ассистентов по созданию сдержанных анимаций интерфейса. Помогает настроить плавные переходы без отскоков для сайтов люксовых брендов и отелей.
CX Codex +1
585установок
data-visualization скилл Задаёт правила анимации графиков, дашбордов и диаграмм по 12 принципам Диснея. Помогает настроить тайминги в D3.js и Chart.js без искажения данных.
CX Codex +1
583установок
creative-director скилл Скилл задаёт роль креативного директора по анимации на базе 12 принципов Диснея. Помогает выстроить единый язык движения, тайминги и правила визуальной динамики в проекте.
CX Codex +1
581установок
ui-visual-composition скилл Скилл учит агента верстать и рецензировать UI. Он помогает выстраивать иерархию, системные отступы и состояния экранов без лишнего декора.
CX Codex +1
707установок
character-appeal скилл Скилл помогает прорабатывать выразительность и пластику персонажей через классические принципы анимации. Пригодится при дизайне героев, злодеев и второстепенных фигур.
CX Codex +1
580установок
transition-sequences скилл Скилл для многошаговых анимаций: переходы страниц, онбординг, шаги визарда. Подсказывает тайминги и порядок шагов по принципам Disney.
CX Codex +1
575установок
carousels-sliders скилл Скилл помогает ИИ настраивать плавную анимацию каруселей, слайдеров и галерей по правилам классической анимации.
CX Codex +1
575установок
app-store-screenshots-generator скилл Собирает рекламные скриншоты iOS-приложения в Next.js и экспортирует PNG для размеров App Store. Подходит для локализованных наборов.
CX Codex +1
818установок
tailwindcss-fundamentals-v4 скилл Скилл по Tailwind CSS v4: установка, CSS-first настройка через @theme, миграция с v3 и новые утилиты. Пригодится, когда проект переезжает на v4.
CX Codex +1
389установок
frontend-design скилл Ведёт агента по порядку решений: сначала задача и иерархия, потом системы, и только затем цвет и декор. Пригодится при сборке или переделке интерфейсов.
CX Codex +1
675установок
education-learning скилл Скилл для тех, кто делает анимации в e-learning и тренажёрах: подсказывает тайминги, отклик на ответ и подачу прогресса.
CX Codex +1
570установок
physics-intuition скилл Скилл для анимации: помогает агенту сделать движение весомым — падения, прыжки, столкновения и инерцию.
CX Codex +1
571установок
travel-hospitality скилл Скилл задаёт правила анимации для сервисов бронирования отелей, билетов и туристических приложений на основе 12 принципов Disney.
CX Codex +1
568установок
dramatic-2000ms-plus скилл Скилл для анимаций длиннее 2000 мс: кинематографичные интро, сюжетные последовательности, премиальные онбординги. Пригодится, когда анимация и есть продукт.
CX Codex +1
566установок
open-pencil-design-editor скилл Скилл учит агента читать и менять файлы .fig, собирать дизайн-токены и экспортировать макеты в код через CLI или MCP-сервер OpenPencil. Пригодится для автоматизации вёрстки и разбора дизайна.
CX Codex +1
810установок
photo-editor скилл Скилл управляет генерацией и редактированием товарных изображений через MPSTATS Photo Editor API. Нужен для карточек Wildberries, Ozon и YM.
CX Codex +1
638установок
loading-states скилл Скилл для индикаторов загрузки: спиннеры, прогресс-бары, скелетоны и шиммер. Пригодится, когда интерфейс должен показать, что система работает.
CX Codex +1
565установок
rive-animations скилл Скилл помогает агенту собрать анимацию в Rive по 12 принципам Disney: стейт-машины, инпуты, тайминги и React-обвязка.
CX Codex +1
564установок
notifications-toasts скилл Скилл учит ИИ-агента анимировать тосты и системные уведомления по 12 принципам классической анимации. Пригодится при вёрстке всплывающих окон в UI.
CX Codex +1
561установок
tailwindcss скилл Скилл учит ИИ-агента верстать интерфейс JARVIS утилитарными классами Tailwind CSS: тёмная HUD-тема, адаптивная сетка, анимации и тесты до реализации.
CX Codex +1
498установок
recoup-music-video скилл Собирает сюжетный музыкальный клип по этапам: от утверждённой песни и библии до проверенного монтажа. Нужен для превращения трека в фильм.
CX Codex +1
1 200установок
frontend-developer скилл Скилл помогает реализовать интерфейсные анимации и переходы по 12 классическим принципам в веб- и мобильных приложениях. Пригодится при настройке микроанимаций кнопок и карточек.
CX Codex +1
558установок
navigation-menus скилл Скилл для анимации навбаров, меню и сайдбаров: тайминги, кривые и состояния переходов по принципам Disney.
CX Codex +1
557установок
gantt-chart-visualization
официальный скилл Проектирует диаграммы Ганта, оценивает структуру расписания и подбирает стек визуализации. Помогает связать задачи, вехи и зависимости проекта.
CX Codex GP ChatGPT
9установок
timing-mastery скилл Задаёт ритм и длительность движений в анимации через расчёт кадров. Помогает настроить темп жестов, пауз и акцентов.
CX Codex +1
554установок
buttons-ctas скилл Скилл для ИИ-кодинга, который подсказывает агенту, как анимировать кнопки и CTA: состояния, тайминги, CSS-переходы.
CX Codex +1
552установок
figma-prototyping скилл Скилл подсказывает агенту, как собрать прототип в Figma по 12 принципам анимации Диснея — через Smart Animate и варианты компонентов.
CX Codex +1
550установок
brand-marketing скилл Скилл переносит 12 диснеевских принципов анимации в коммерческое видео, рекламу и айдентику. Задаёт чёткие тайминги для логотипов и бренд-стилей.
CX Codex +1
545установок
motion-one скилл Скилл показывает, как собрать 12 принципов анимации Диснея на библиотеке Motion One — от squash and stretch до stagger и scroll.
CX Codex +1
544установок
image-generation скилл Скилл создаёт иллюстрации, схемы и визуалы для статей и документации. Подбирает путь через Codex, OpenAI API или Gemini.
CX Codex +1
4 000установок
attention-direction скилл Скилл помогает выстроить визуальную иерархию и направить взгляд зрителя в анимациях или интерфейсах. Пригодится при раскадровке и устранении визуального шума.
CX Codex +1
540установок
material-3-expressive скилл Скилл для проектирования и ревью Android-интерфейсов по Material 3 Expressive: подбирает токены компонентов, задаёт иерархию, движение, цвет и форму.
CX Codex +1
502установок
polish скилл Скилл для последнего прохода по интерфейсу: выравнивание, отступы, состояния, единообразие текста. Запускают, когда всё уже работает и нужны финальные штрихи.
CX Codex +1
637установок
solid-drawing-mastery скилл Скилл для тех, кто делает анимацию и хочет, чтобы объекты в движении выглядели объёмными, а не плоскими. Помогает ловить ошибки перспективы и веса.
CX Codex +1
538установок
search скилл Помогает спроектировать поиск по сайту: подсказки, фильтры, выдачу результатов и выход из пустой выдачи.
CX Codex +1
626установок
add-ui скилл Генерирует пять разных вариантов интерфейса для новой или существующей секции, а потом помогает сравнить их и внедрить выбранный.
CX Codex +1
636установок
icons-badges скилл Скилл для анимации иконок, бейджей, аватаров и статус-индикаторов. Пригодится, когда мелкие элементы интерфейса должны давать отклик и характер.
CX Codex +1
537установок
naturalistic-motion скилл Свод принципов для естественной анимации существ и природных элементов. Помогает убрать роботизированную статику и добавить ощущение жизни.
CX Codex +1
537установок
audit скилл Прогоняет код по пяти направлениям: доступность, производительность, темы, адаптивность и анти-паттерны. Выдаёт отчёт со скорингом и планом правок.
CX Codex +1
625установок
gesture-responses скилл Скилл для анимации отклика на тап, свайп и перетаскивание: задаёт тайминги, кривые и паттерны для CSS и JS.
CX Codex +1
535установок
1 641–1 680 из 2 133
