NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
ios-icon-gen скилл Генерирует готовые наборы иконок .imageset для каталогов ассетов Xcode через SF Symbols или Iconify API с масштабными сетками 1x, 2x и 3x.
CX Codex +1
4 500установок
web-design-reviewer
официальный скилл Скилл осматривает работающий сайт, находит проблемы с вёрсткой, адаптивностью и доступностью, а затем может исправить их в исходном коде. Подойдёт, когда нужно проверить интерфейс и довести исправления до повторной проверки.
13 957установок
better-layout скилл Скилл проверяет и правит группировку, выравнивание, порядок чтения и адаптивную структуру макета, а потом ломает её ресайзом, переводом и зеркалированием под RTL.
CX Codex +1
30 800установок
better-interface скилл Проводит сквозной аудит экранов и интерфейсов по правилам доступности, вёрстки, текста, цвета и типографики. Сводит отчёты узких скиллов в единый список замечаний по приоритету.
CX Codex +1
30 000установок
nature-image2ppt скилл Пересобирает скриншоты, сканы PDF и растровые слайды в редактируемые презентации PowerPoint с отдельными объектами. Пригодится для восстановления схем и макетов.
CX Codex +1
7 400установок
better-writing скилл Скилл проверяет и пишет текст интерфейса: ошибки, пустые экраны, кнопки и подсказки. Он помогает выдержать единый тон продукта и не заводить тупиковых сценариев.
CX Codex +1
29 100установок
penpot-uiux-design
официальный скилл Скилл для создания интерфейсов в Penpot через MCP-инструменты: веб, мобайл, дашборды, дизайн-системы. Работает с API Penpot напрямую из редактора кода.
12 782установок
transitions-dev скилл Скилл с готовыми CSS-переходами для веб-приложений: модалки, дропдауны, тосты, скелетоны. Пригодится, когда нужно оживить интерфейс без своей анимационной библиотеки.
CX Codex +1
20 300установок
gemini-watermark-remover скилл Удаляет видимые водяные знаки Gemini с локальных картинок через встроенный CLI-скрипт. Пригодится, когда нужно очистить одиночные файлы или целые папки прямо в терминале.
CX Codex +1
12 900установок
design-is скилл Скилл проверяет интерфейс по десяти принципам Дитера Рамса, выставляет баллы с доказательствами и готовит промпт для команды /make-plan.
CX Codex +1
4 200установок
chakra-ui-builder скилл Скилл собирает адаптивные и доступные интерфейсы на Chakra UI v3, подключает библиотеку и настраивает темы. Пригодится для компонентов, страниц и layout.
CX Codex +1
3 500установок
hatch-pet
официальный скилл Создаёт и упаковывает анимированных питомцев и спрайт-листы для Codex. Пригодится, когда нужен персонаж по описанию, изображению или фирменным ориентирам.
CX Codex +1
3 300установок
winui-app
официальный скилл Скилл помогает создавать, настраивать и проверять приложения WinUI 3 на C# с Windows App SDK. Пригодится для нового проекта и разбора проблем XAML.
CX Codex +1
3 200установок
frontend-design скилл Скилл задаёт агенту направление в дизайне до того, как он напишет код. Пригодится, когда нужен лендинг, дашборд или компонент, а не очередной фиолетовый градиент.
CX Codex +1
3 700установок
text-to-lottie скилл Генерирует, редактирует и чинит анимации Lottie JSON для локального плеера Skia Skottie. Пригодится при сборке интерфейсных лоадеров, титров и графиков.
CX Codex +1
10 700установок
nano-banana-pro-openrouter
официальный скилл Создаёт и редактирует изображения через OpenRouter с моделью Gemini 3 Pro Image. Нужен для генерации по описанию, правок и объединения исходных картинок.
9 910установок
shadcn-svelte скилл Скилл помогает работать с shadcn-svelte: добавлять компоненты, составлять интерфейсы, исправлять стили и отлаживать проекты. Нужен, если вы пишете UI на Svelte с использованием shadcn-svelte или планируете начать.
CX Codex +1
6 700установок
plantuml-ascii
официальный скилл Создаёт текстовые диаграммы PlantUML для терминала, README и документации без изображений. Подходит, когда схему нужно хранить рядом с кодом.
9 740установок
image-manipulation-image-magick
официальный скилл Обрабатывает изображения через ImageMagick: меняет размеры, конвертирует форматы и читает метаданные. Пригодится для миниатюр и пакетной обработки.
9 723установок
motion-design скилл Скилл помогает проектировать анимации интерфейса: выбирать длительность, easing и последовательность движения. Пригодится для микровзаимодействий, загрузки и переходов между страницами.
CX Codex +1
19 900установок
extract-design-system скилл Скилл находит базовые токены дизайна на веб-странице и создаёт начальные файлы tokens.json и tokens.css. Он полезен для быстрого старта стилизации в новом репозитории.
CX Codex +1
130 700установок
figma-generate-design
официальный скилл Собирает и обновляет целые экраны в Figma из кода или описания, используя опубликованную дизайн-систему, а не нарисованные с нуля прямоугольники.
CX Codex +1
2 900установок
figma-create-design-system-rules
официальный скилл Генерирует правила дизайн-системы для кодовой базы при переносе макетов из Figma. Помогает агентам соблюдать структуру компонентов и токенов проекта.
CX Codex +1
2 900установок
shadcn-vue скилл Настраивает агента на правила shadcn-vue: добавление компонентов через CLI, вёрстка форм через FieldGroup, запрет space-y и строгие токены Tailwind.
CX Codex +1
5 800установок
mobile-android-design скилл Скилл помогает проектировать нативные Android-интерфейсы на Material Design 3 и Jetpack Compose. Подойдёт для экранов, навигации и адаптивных раскладок.
CX Codex
24 847установок
power-bi-report-design-consultation
официальный скилл Скилл помогает спроектировать Power BI-отчёт: выбрать визуализации, продумать структуру страниц и учесть аудиторию. Пригодится, когда отчёт должен поддерживать конкретные решения.
9 390установок
design-critique
официальный скилл Скилл проводит структурированный разбор интерфейса по критериям доступности, визуальной иерархии и удобства. Принимает скриншоты, описания экранов или ссылки на макет.
CX Codex +1
5 300установок
design-mobile-apps скилл Генерирует экраны мобильных приложений через сервис Sleek и помогает перенести готовый макет в React Native или HTML.
CX Codex +1
1 000 000установок
mobile-ios-design скилл Помогает проектировать нативные интерфейсы iOS и писать SwiftUI-вью по Apple HIG. Пригодится для экранов, навигации и адаптивной вёрстки.
CX Codex
23 659установок
fluentui-blazor
официальный скилл Скилл подсказывает, как подключать Microsoft Fluent UI Blazor и собирать интерфейсы из Fluent-компонентов. Нужен при разработке и отладке Blazor-приложений.
9 000установок
legacy-circuit-mockups
официальный скилл Создаёт макеты схем на макетной плате с помощью HTML5 Canvas. Пригодится, когда нужно показать расположение компонентов и проводов в проекте по электронике.
8 900установок
figma-generate-library
официальный скилл Скилл для синхронизации дизайн-системы Figma с кодовой базой. Помогает создать или обновить переменные, компоненты, режимы (светлая/тёмная тема) и документацию в правильном порядке — без фаз, выполненных в неправильной последовательности.
CX Codex +1
2 700установок
figma-code-connect-components
официальный скилл Связывает опубликованные компоненты из Figma с кодом проекта через Figma Code Connect. Помогает сопоставить свойства макета с интерфейсами в репозитории.
CX Codex +1
2 700установок
figma-create-new-file
официальный скилл Создаёт пустые файлы Figma, FigJam или Slides в черновиках нужной команды. Скилл готовит параметры и planKey перед запуском MCP-инструментов.
CX Codex GP ChatGPT
6установок
interface-review скилл Проверяет ветки, пулл-реквесты и незакоммиченные правки на дефекты UI, вёрстки, типографики и доступности. Показывает, что именно сломалось или добавилось в интерфейсе.
CX Codex +1
18 500установок
react-vite-dashboard
официальный скилл Скилл превращает макеты из Stitch в рабочий код дашборда на React и Vite. Он связывает дизайн-токены из DESIGN.md с кодом и подключает выборку данных через TanStack Query.
CX Codex +1
5 500установок
ux-copy
официальный скилл Скилл пишет и проверяет тексты интерфейса: от кнопок до сообщений об ошибках. Пригодится, когда нужно подобрать формулировку для конкретного экрана и состояния пользователя.
CX Codex +1
4 600установок
image-generation скилл Формирует структурированные JSON-промпты для генерации изображений и запускает готовый Python-скрипт с поддержкой референсов. Пригодится для отрисовки персонажей и сюжетных сцен.
CX Codex +1
2 900установок
responsive-design скилл Помогает строить адаптивные интерфейсы с mobile-first стилями, container queries и fluid-значениями. Нужен для компонентов и страниц, которые меняются вместе с доступным местом.
CX Codex
20 956установок
ui-ux-pro-max скилл Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Помогает агенту распознавать запросы к паттернам интерфейсов и эвристикам юзабилити.
CX Codex +1
5 400установок
121–160 из 2 133
