NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
3d-virtual-tour скилл Скилл для сборки виртуальных туров по 3D-сцене: маршрут камеры, переходы между комнатами, осмотр модели. Пригодится для архитектурных обходов и шоурумов на Three.js.
CX Codex +1
527установок
frontend-app-builder
официальный скилл Помогает спроектировать и собрать интерфейс приложения, сайта или игры, затем проверить его в браузере. Подойдёт для новой frontend-разработки и явного запроса на редизайн.
CX Codex GP ChatGPT
252установок
rebranding скилл Планирует ребрендинг от диагностики до перехода на новую идентичность. Нужен, когда бренд изменился и прежний образ ему больше не соответствует.
CX Codex +1
1 600установок
brand-audit скилл Проверяет согласованность бренда по шести критериям и находит слабые места перед запуском ребрендинга или маркетинга.
CX Codex +1
1 700установок
visual-content скилл Помогает спланировать визуал для статей, соцсетей и рассылок, подобрать размеры картинок и нарезать одну инфографику под разные каналы.
CX Codex +1
2 300установок
frontend-slides-editable скилл Создаёт одностраничные HTML-презентации со встроенным редактором в браузере. Подходит, когда слайды нужно менять после генерации.
CX Codex +1
537установок
pp-figma скилл Выгружает компактные данные фреймов Figma для кодогенерации, проверяет нерешённые комментарии и находит неиспользуемые компоненты. Пригодится при переносе макетов в код и аудитах дизайн-систем.
CX Codex +1
726установок
3d-high-resolution-textures скилл Помогает подобрать разрешение и PBR-карты для 3D-материалов, чтобы близкие планы выглядели резко, а GPU-память не улетала в потолок.
CX Codex +1
508установок
3d-sky-rays скилл Скилл добавляет в Three.js-сцену лучи света из-за крыш и сквозь листву. Пригодится, когда нужен золотой час в архитектурном рендере.
CX Codex +1
506установок
tvos-design-guidelines скилл Скилл загружает в ассистент правила Apple HIG для tvOS. Он помогает проектировать экраны Apple TV с фокусной навигацией под пульт Siri Remote и 10-foot UI.
CX Codex +1
1 100установок
watchos-design-guidelines скилл Скилл с правилами Apple Human Interface Guidelines для watchOS: подсказывает агенту, как делать глanceable-экраны, Digital Crown и complications.
CX Codex +1
1 100установок
explainer-high-energy скилл Собирает 12–20-секундный динамичный промо-ролик о продукте: HTML-страница рендерится в MP4 с синтезированной музыкой.
CX Codex +1
831установок
explainer-default скилл Собирает демо продукта в MP4: сценарий, интерфейс, анимация, музыка и финальный кадр. Подходит для launch-видео, walkthrough и показа SaaS.
CX Codex +1
819установок
nanobanana-skill скилл Генерирует и редактирует изображения через Google Gemini прямо из консоли или редактора. Пригодится для отрисовки графики и доработки существующих картинок по текстовому описанию.
CX Codex +1
319установок
layers-product-strategy скилл Связывает бизнес-цели с болями пользователей и формирует гипотезы решений. Пригодится продуктовым командам для проверки рискованных допущений без лишних затрат.
CX Codex +1
2 000установок
layers-surface скилл Скилл для аудита видимого слоя продукта: слова, объекты, обратная связь, иерархия, доступность. Помогает понять, что чинить на поверхности, а что — глубже.
CX Codex +1
2 000установок
layers-interaction-flow скилл Скилл для проектирования структуры взаимодействия: места, действия, краевые случаи и пути отказа до того, как вы возьмётесь за визуал.
CX Codex +1
2 000установок
layers-intro скилл Задаёт фреймворк Layers of Product Design для сессий продуктового дизайна. Скилл загружают первым, чтобы передать контекст остальным навыкам линейки layers.
CX Codex +1
2 000установок
layers-conceptual-model скилл Скилл помогает описать объекты продукта, их связи, состояния и термины до проектирования интерфейса. Нужен, когда модель предметной области ещё меняется.
CX Codex +1
2 000установок
remove-image-watermark скилл Скилл отправляет изображения в API Pilio через CLI и скачивает результат без видимых водяных знаков. Пригодится для очистки картинок форматов PNG, JPG, JPEG и WEBP.
CX Codex +1
7 600установок
design скилл Ведёт агента по работе с Subframe: собрать страницу или компонент, сравнить варианты на канвасе, поправить тему.
CX Codex +1
775установок
develop скилл Скилл помогает перенести макет Subframe в приложение или обновить существующую страницу. Он также объясняет границу между изменениями в коде и на холсте.
CX Codex +1
767установок
codex-gpt-image-2-5-flare скилл Скилл для генерации и правки графики встроенным инструментом Codex: прозрачные PNG, спрайты, эмблемы и элементы интерфейса.
CX Codex +1
475установок
tailwind-design-system скилл Скилл помогает развернуть дизайн-систему на Tailwind CSS v4.1+ и shadcn/ui. Он настраивает токены в формате oklch, CSS-переменные и обёртки над базовыми компонентами.
CX Codex +1
4 500установок
game-ui-design скилл Задаёт правила проектирования игровых интерфейсов, от HUD и инвентарей до радиальных меню. Помогает настроить навигацию под геймпад и сохранить читаемость экрана в бою.
CX Codex +1
3 900установок
layers-domain скилл Скилл помогает зафиксировать терминологию, разногласия и границы контекстов предметной области до проектирования интерфейса.
CX Codex +1
1 900установок
layers-orient скилл Скилл проверяет решения по семи слоям продукта, находит узкое место и предлагает, с какого скилла продолжить. Пригодится, когда непонятно, что в дизайне требует внимания первым.
CX Codex +1
1 900установок
cast скилл Скилл для творческого кодинга: превращает статичный интерфейс в живой — движение, микроинтеракции, отклик на действия. Работает с Web, Android (Compose) и Apple (SwiftUI).
CX Codex +1
1 300установок
paint скилл Запускает пайплайн дизайн-системы для веба, Compose и SwiftUI: от брейншторма арт-дирекшна до кода и аудита доступности.
CX Codex +1
1 300установок
react-container-presentation-component
официальный скилл Скилл создаёт React-компонент по паттерну Container/Presentation и раскладывает файлы по соглашениям TypeScript, Storybook и SCSS.
65установок
motion-art-direction скилл Скилл задаёт правила движения до первой отрисованной сцены: одна кривая, один тайминг, один набор переходов на весь ролик.
CX Codex +1
3 300установок
paper-slide-deck скилл Скилл превращает статьи, заметки и PDF-документы в иллюстрированные слайды для соцсетей. Пригодится, когда визуальная подача важнее редактируемого текста.
CX Codex +1
498установок
taste скилл Разбирает визуальный стиль веб-страницы через браузер и сохраняет дизайн-токены вместе с логикой интерфейса. Пригодится, когда нужно перенести эстетику чужого проекта в свой код.
CX Codex +1
579установок
obsidian-layout-adjustment скилл Скилл правит внешний вид Obsidian через CSS-сниппеты: переводит ваше описание элемента в нужный слой интерфейса, вносит правку и проверяет её по скриншоту.
CX Codex +1
435установок
tailwindcss-advanced-layouts скилл Набор готовых рецептов для Tailwind CSS v4. Помогает собирать сложные сетки на CSS Grid, Flexbox-раскладки и контейнерные запросы прямо в коде компонентов.
CX Codex +1
8 100установок
lovart-api скилл Скилл, через который агент сам заказывает в Lovart AI изображения, видео и аудио, ведёт проекты и ветки диалога. Нужны ключи API от Lovart.
CX Codex +1
1 400установок
editor скилл Анализирует видео, звук и изображения, генерирует медиа через ИИ и собирает видеокомпозиции с помощью Diffusion Studio.
CX Codex +1
1 800установок
swiftui-design-skill скилл Помогает проектировать экраны SwiftUI для iOS и macOS без шаблонного визуала. Пригодится при вёрстке прототипов и подборе дизайн-направления с нуля.
CX Codex +1
1 000установок
svg-animations скилл Инструктирует ассистента создавать векторную графику и анимировать векторные элементы через CSS и SMIL. Пригодится для сборки иконок, лоадеров и логотипов.
CX Codex +1
2 600установок
ai-image-generator скилл Скилл учит агента выбирать модель Gemini или GPT под задачу и собирать промпты по пятичастной схеме. Пригодится, когда сайту нужны hero-баннеры, иконки или OG-картинки.
CX Codex +1
1 400установок
961–1 000 из 2 133
