NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
ux-writing-content-design скилл Пишет и разбирает тексты интерфейса: подписи кнопок, подсказки, пустые состояния, ошибки, онбординг. Пригодится, когда вёрстка готова, а формулировки ещё нет.
CX Codex +1
562установок
depth скилл Настраивает систему высот, двухкомпонентные тени и вдавленные поверхности интерфейса. Пригодится, когда карточки кажутся плоскими или перегруженными эффектами.
CX Codex +1
537установок
ux-usability-foundations скилл Скилл учит агента проектировать и рецензировать интерфейсы с точки зрения продуктовой логики, обратной связи и защиты от ошибок пользователя.
CX Codex +1
559установок
imagery скилл Оценивает и правит оформление картинок, иконок и скриншотов в интерфейсе, чтобы улучшить читаемость текста и удержать сетку.
CX Codex +1
533установок
clarify скилл Правит подписи, ошибки, пустые состояния и CTA, чтобы пользователь понимал, что происходит и что делать дальше.
CX Codex +1
533установок
information-architecture-navigation скилл Скилл для проектирования навигации, меню, таксономии и поиска в цифровом продукте. Пригодится, когда структура сайта или приложения перестала помогать пользователю.
CX Codex +1
556установок
screensdesign-data скилл Ищет экраны приложений, пейволлы и онбординги через ScreensDesign MCP. Помогает разбирать интерфейсы мобильных конкурентов по реальным записям.
CX Codex +1
1 300установок
frontend-design-review скилл Скилл проверяет интерфейсы на соответствие дизайн-системе, контрастность WCAG 2.1 AA и адаптивность. Пригодится перед вёрсткой макетов из Figma или Sketch.
CX Codex +1
458установок
optimize скилл Скилл находит, почему интерфейс тормозит: медленная загрузка, лаги анимаций, тяжёлые картинки, раздутый бандл. Запускается, когда вы жалуетесь на «тормозит».
CX Codex +1
536установок
bolder скилл Скилл для тех случаев, когда интерфейс выглядит слишком безопасно и безлико. Разбирает, что именно делает дизайн скучным, и усиливает его.
CX Codex +1
535установок
video-color-grading скилл Скилл отправляет видео на обработку в нейросеть each::sense. Помогает настроить цветокоррекцию, плёночные стили и баланс белого по текстовому описанию.
CX Codex +1
625установок
framer-motion-scroll скилл Скилл для Framer Motion: подсказывает агенту, как делать анимации, привязанные к прокрутке, параллакс и индикаторы прогресса.
CX Codex +1
803установок
delight скилл Добавляет радость и характер в интерфейс: успешные состояния, пустые экраны, загрузку, ховеры. Для случаев, когда базовая вёрстка уже работает.
CX Codex +1
523установок
mobile-design скилл Скилл для мобильного интерфейса: тач-цели, жесты, зоны большого пальца, безопасные области и адаптив под маленькие экраны.
CX Codex +1
545установок
showcase скилл Переводит интерфейс в режим сложной визуальной и технической проработки с анимациями, View Transitions и WebGL. Помогает, когда обычной аккуратности вёрстки мало.
CX Codex +1
521установок
k2f-invitation скилл Собирает дизайн и текст печатных или цифровых приглашений из фактов о событии. Подходит для свадеб, вечеринок, гала-вечеров и RSVP-карточек.
CX Codex +1
2 400установок
k2f-flyer скилл Превращает факты о событии или скидке в структуру одностраничного флаера с одним призывом к действию и визуальным стилем под компилятор K2F.
CX Codex +1
2 400установок
figma-design скилл Скилл по Figma: компоненты, auto layout, переменные, прототипы и разработка плагинов. Пригодится, когда агент пишет код плагина или собирает дизайн-систему.
CX Codex +1
542установок
extract скилл Находит повторяющийся интерфейсный код, выносит его в дизайн-систему, формирует токены и переводит проект на единые компоненты.
CX Codex +1
520установок
ai-elements
официальный скилл Скилл подсказывает, как собирать AI-интерфейсы на React с компонентами ai-elements. Пригодится для чатов, потоковых ответов и отображения вызовов инструментов.
CX Codex GP ChatGPT
7установок
quieter скилл Скилл для ИИ-кодинга, который снижает насыщенность, контраст и визуальный шум в интерфейсе, сохраняя иерархию и характер. Пригодится, когда структура уже нормальная, но выглядит крикливо.
CX Codex +1
513установок
onboard скилл Помогает спроектировать первый запуск продукта: что показать новичку, в каком порядке и как довести его до первого результата.
CX Codex +1
521установок
security-ux скилл Скилл для проектирования экранов входа, MFA и восстановления доступа так, чтобы защита не пугала пользователя.
CX Codex +1
519установок
interaction-patterns-components скилл Помогает агенту выбирать и критиковать UI-паттерны и переиспользуемые компоненты: навигация, таблицы, модалки, формы, состояния.
CX Codex +1
539установок
muapi-media-generation скилл Генерирует изображения, видео и музыку через API muapi.ai прямо из консоли. Пригодится для быстрой сборки медиафайлов нейросетями внутри рабочего окружения.
CX Codex +1
1 100установок
framer-motion-layout скилл Скилл обучает ассистента строить анимации макета во Framer Motion с помощью layout, связывать элементы через layoutId и плавно убирать блоки через AnimatePresence.
CX Codex +1
770установок
forms-inputs-checkout скилл Скилл для проектирования и разбора форм, валидации и чекаута: помогает агенту убрать лишние поля и не сломать доступность.
CX Codex +1
524установок
framer-motion-gestures скилл Скилл для анимаций жестов в Framer Motion: перетаскивание, панорамирование, нажатие, наведение, фокус. Пригодится, когда собираешь интерактивные элементы и нужны подсказки по пропсам и ограничениям.
CX Codex +1
766установок
localize скилл Скилл планирует и внедряет интернационализацию интерфейса: от ICU-плюрализации и логических CSS-свойств до выбора библиотек и маршрутизации локалей.
CX Codex +1
497установок
architecture-rendering скилл Создаёт архитектурные визуализации по тексту, эскизам и планам через each::sense AI. Подходит для экстерьеров, интерьеров и ландшафтных сцен.
CX Codex +1
590установок
framer-motion-variants скилл Обучает ИИ настраивать оркестрованные анимации во Framer Motion: стэггеры и стейт-машины через варианты состояний.
CX Codex +1
759установок
responsive-design скилл Направляет агента верстать интерфейсы по принципу mobile-first с флюидными сетками, CSS Grid и Flexbox. Помогает адаптировать типографику и раскладки под любые экраны.
CX Codex +1
511установок
generative-illustration скилл Скилл превращает отдельные сгенерированные векторные элементы в покадровую анимацию на Canvas с экспортом в MP4 через FFmpeg.
CX Codex +1
544установок
k2f-company-deck скилл Скилл собирает из фактов о компании и бренд-материалов презентацию с позиционированием, доказательствами и контактами. Не питч для инвесторов.
CX Codex +1
2 200установок
claude-skill-app-onboarding-questionnaire скилл Разбирает код вашего приложения и собирает онбординг из экранов-вопросов: тексты, макеты и готовый код на нативном фреймворке.
CX Codex +1
582установок
gsap-scrolltrigger скилл Скилл для GSAP ScrollTrigger: привязка анимаций к прокрутке, пиннинг секций, параллакс и точки прилипания. Пригодится, когда страница должна реагировать на скролл.
CX Codex +1
604установок
muapi-media-editing скилл Скилл редактирует изображения и видео через muapi.ai: меняет медиа по промпту, убирает фон, увеличивает разрешение и добавляет эффекты.
CX Codex +1
1 000установок
geist
официальный скилл Скилл подсказывает, как подключить Geist Sans, Geist Mono и Geist Pixel в Next.js и распределить их по интерфейсу. Пригодится, если вы настраиваете типографику проекта.
CX Codex GP ChatGPT
6установок
url-to-code
официальный скилл Превращает живой сайт в рабочее frontend-приложение: захватывает элементы, стили, взаимодействия и ассеты через браузер.
CX Codex GP ChatGPT
6установок
get-context
официальный скилл Скилл фиксирует бриф перед созданием интерфейса в Codex. Он уточняет цели продукта и не даёт генерировать код вслепую.
CX Codex GP ChatGPT
6установок
1 801–1 840 из 2 133
