NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
md-slides скилл Преобразует Markdown-колоду в однофайловую HTML-презентацию с навигацией, заметками докладчика и печатью в PDF. Нужен для слайдов, написанных в Markdown.
15установок
figma-ui-skills скилл Задаёт агенту дизайн-систему интерфейсов Figma: светлую тему, шрифт Inter и сетку 4px. Исключает произвольные отступы и тяжёлые анимации макета.
CX Codex +1
346установок
design-system-creation скилл Скилл помогает агенту собрать дизайн-систему: токены, типографику, компоненты и документацию к ним. Пригодится, когда стандарты интерфейса нужно зафиксировать до начала вёрстки.
CX Codex +1
481установок
cognitive-walkthrough скилл Прогоняет конкретный пользовательский сценарий по методу когнитивного обхода и показывает, где новичок застрянет. Пригодится до юзабилити-теста.
CX Codex +1
458установок
vercel-ui-skills скилл Задаёт агенту жёсткие правила вёрстки в стиле Vercel: светлый фон, Inter, сетка 4px. Пригодится, когда нужен предсказуемый результат без вкусовщины.
CX Codex +1
342установок
codex-theme-installer скилл Скачивает тему CodexThemes, проверяет архив и ставит файлы в локальную библиотеку. Нужен, когда тему требуется установить и сразу активировать.
CX Codex +1
1 600установок
codex-theme-switcher скилл Переключает темы оформления Codex из локальной библиотеки ~/.codexthemes одной командой и показывает, какая тема сейчас активна.
CX Codex +1
1 700установок
vtex-io-admin-react скилл Задаёт правила сборки панелей управления в VTEX IO на React: учит агента использовать официальные дизайн-системы, обрабатывать состояния загрузки и строить навигацию.
CX Codex +1
1 100установок
image-to-code
официальный скилл Переносит макеты, скриншоты и концепт-арты в интерактивный веб-интерфейс. Помогает воссоздать точный адаптивный фронтенд без ручной нарезки картинок.
CX Codex GP ChatGPT
14установок
design-qa
официальный скилл Скилл для сопоставления макета с реализацией перед передачей в разработку. Работает с Figma, скриншотами и URL-адресами; ловит визуальные расхождения на уровне вёрстки, типографики и состояний.
CX Codex GP ChatGPT
14установок
design-with-taste скилл Скилл задаёт агенту правила дизайна: постепенное раскрытие интерфейса, плавные переходы и акценты. Пригодится, когда нужно, чтобы вёрстка не выглядела шаблонной.
CX Codex +1
758установок
motion-designer скилл Продумывает покадровый сценарий видеоролика для Remotion с таймингами, переходами и звуковой дорожкой. Пригодится, когда нужно составить подробное ТЗ для анимированной графики.
CX Codex +1
570установок
landing-page-optimization скилл Скилл для Claude, который помогает писать и собирать лендинги: копирайт, структура из 11 элементов, CTA и оптимизация конверсии.
CX Codex +1
324установок
interior-design-visualization скилл Скилл отправляет снимки комнат в модель each::sense для визуализации ремонта. Помогает примерить новые стили интерьера или сменить палитру стен.
CX Codex +1
1 100установок
presentation-design скилл Задаёт визуальные правила для смелых минималистичных презентаций: тёмная тема, крупные заголовки, акцентные цвета по секциям. Пригодится, когда нужно превратить текст в структуру слайда.
CX Codex +1
800установок
efecto-social-media скилл Генерирует макеты для соцсетей через холст efecto.app. Пригодится, когда агенту нужно сверстать пост для Instagram, слайды или обложку YouTube.
CX Codex +1
636установок
framer-ui-skills скилл Задаёт агенту жёсткие правила вёрстки в стиле Framer: тёмный фон, шрифт Inter, сетка 4px. Пригодится, когда нужен предсказуемый вид интерфейса без ручных правок.
CX Codex +1
320установок
html-visual скилл Собирает интерактивную визуализацию в одном HTML-файле: макет, ERD, блок-схему, график или слайды. Пригодится, когда схему или данные нужно увидеть, а не читать.
CX Codex +1
475установок
interaction-design скилл Скилл для проектирования отклика интерфейса: состояния загрузки, ошибки, пустые экраны, анимация и доступность. Пригодится, когда нужно продумать поведение UI, а не только его вид.
CX Codex +1
441установок
scrollytelling-and-parallax-data-visualization
официальный скилл Помогает проектировать скроллителлинг и параллакс-визуализации данных. Пригодится, когда смену кадров, графиков или слоев карты нужно привязать к прокрутке страницы.
CX Codex GP ChatGPT
13установок
geospatial-and-cartographic-visualization
официальный скилл Скилл помогает спроектировать карту: выбрать проекцию, подложку, тип визуализации и стек. Пригодится для тематических карт, маршрутов и пространственных данных.
CX Codex GP ChatGPT
13установок
d3-data-visualization
официальный скилл Скилл помогает собирать кастомные визуализации на D3: SVG- и DOM-графики, подписи, аннотации и интерактивность. Нужен для сложных браузерных диаграмм.
CX Codex GP ChatGPT
13установок
anthropic-ui-skills скилл Задаёт агенту правила интерфейсов в стиле Anthropic: светлый фон, шрифт Inter, сетка 4px. Пригодится, когда верстаешь UI и не хочешь каждый раз объяснять палитру и отступы.
CX Codex +1
313установок
3d-spatial скилл Переносит 12 классических принципов анимации Диснея в 3D, VR и AR. Помогает настроить физику, сплайны и тайминги в Blender, Unity или Unreal Engine.
CX Codex +1
771установок
qr-code-generator скилл Генерирует QR-коды в PNG и SVG с разметкой UTM и подписями. Пригодится для подготовки печатных промоматериалов, стикеров и массового выпуска ссылок из CSV.
CX Codex +1
312установок
webflow-mcp:figma-to-webflow скилл Переносит макеты и компоненты из Figma в Webflow через Figma MCP и Webflow MCP, создавая нативные классы и стили. Пригодится для сборки страниц без ручного копирования.
CX Codex +1
373установок
tdesign-miniprogram скилл Скилл подсказывает агенту, как собирать интерфейс мини-программ WeChat на компонентах TDesign от Tencent: 60+ элементов, тёмная тема, кастомизация.
CX Codex +1
396установок
ios-animations скилл Правила анимаций для SwiftUI под Swift 6.2 и архитектуру Clinic MVVM-C. Настраивает физику пружин и токен-систему без хардкода.
CX Codex +1
340установок
gsap-greensock скилл Скилл подсказывает агенту, как применить 12 диснеевских принципов анимации в GreenSock: от сжатия и растяжения до движения по дуге через твины и таймлайны.
CX Codex +1
730установок
morphing-icons скилл Скилл помогает создавать компоненты иконок, плавно перетекающих друг в друга за счёт трансформации трёх SVG-линий вместо обычного crossfade.
CX Codex +1
362установок
nuxt-ui-v4 скилл Скилл для сборки интерфейсов на Nuxt UI v4: 125+ компонентов, Tailwind v4, тёмная тема. Пригодится, когда агент пишет дашборд, форму или чат на Nuxt.
CX Codex +1
410установок
naming скилл Диагностирует неудачные названия брендов, продуктов и персонажей и помогает собрать рабочее имя по звукам, смыслу и практичности.
CX Codex +1
491установок
mui-base скилл Скилл с 48 правилами для сборки headless-библиотек React-компонентов по стилю MUI Base UI. Пригодится, когда логика и стили живут отдельно.
CX Codex +1
328установок
css-native скилл Скилл помогает агенту писать анимации на чистом CSS: @keyframes, transition, transform. Пригодится, когда нужны движения интерфейса без JS-библиотек.
CX Codex +1
716установок
saas-productivity скилл Задаёт принципы анимации для рабочих интерфейсов: задач, форм, панелей и уведомлений. Нужен при проектировании движения без лишних отвлечений.
CX Codex +1
709установок
shadcn-ui скилл Подсказывает агенту, как собирать компоненты на shadcn/ui: Radix, Tailwind, CVA-варианты и data-slot.
CX Codex +1
351установок
ui-design-patterns скилл Справочник по типовым паттернам интерфейса: навигация, формы, вывод данных, обратная связь и доступность. Пригодится, когда проектируешь компоненты или разбираешь чужой UI.
CX Codex +1
853установок
tailwindcss-responsive-darkmode скилл Скилл по Tailwind CSS: адаптивная вёрстка, тёмная тема, переключение на лету и защита от вспышки нестилизованного контента.
CX Codex +1
476установок
ux-principles скилл Подключает к агенту эвристики юзабилити, методы юзер-ресёрча и проверки доступности, чтобы интерфейсы проектировались по правилам, а не на глаз.
CX Codex +1
836установок
assetseeker скилл Ищет фотографии, иконки, видео, музыку, звуки и шрифты в онлайн-источниках. Пригодится для роликов, презентаций, статей и другого контента.
CX Codex +1
404установок
1 561–1 600 из 2 133
