# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 52 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=52 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [design-auditor](https://affpapa.org/nevibecode/skills/design-auditor.md) — скилл · Ashutos1997 · Claude Code, Codex, Cursor +3 · ★ 89 — Проверяет вёрстку и макеты по 19 правилам: контраст, фокус, aria, тёмные паттерны. - [video-router](https://affpapa.org/nevibecode/skills/video-router.md) — скилл · Orkas-AI · Claude Code, Codex, Cursor +3 · ★ 329 — Скилл определяет, нужно ли генерировать видео, собирать HTML-композицию, монтировать исходник или объединить этапы в AUTO. - [stage-compose](https://affpapa.org/nevibecode/skills/stage-compose.md) — скилл · Orkas-AI · Claude Code, Codex, Cursor +3 · ★ 329 — Скилл учит агента собирать HTML-композицию Orkas/OVS и прогонять её через ovs draft, чтобы получить mp4. - [frontend-design](https://affpapa.org/nevibecode/skills/orkas-ai-frontend-design.md) — скилл · Orkas-AI · Claude Code, Codex, Cursor +3 · ★ 329 — Задаёт арт-дирекшн для HTML- и SVG-анимаций в OrkasVideoStudio перед сборкой index.html. - [design-system-importer](https://affpapa.org/nevibecode/skills/design-system-importer.md) — скилл · Orkas-AI · Claude Code, Codex, Cursor +3 · ★ 329 — Скилл превращает референсы и бренд-гайды в правила визуального оформления видеопроекта. - [composition-design-review](https://affpapa.org/nevibecode/skills/composition-design-review.md) — скилл · Orkas-AI · Claude Code, Codex, Cursor +3 · ★ 329 — Слой дизайн-ревью для превью и черновиков OrkasVideoStudio COMPOSE. - [demo](https://affpapa.org/nevibecode/skills/demo.md) — скилл · NahumLitvin · Claude Code, Codex, Cursor +3 · ★ 202 — Скилл выводит демонстрационный ответ Prismantis, чтобы проверить отображение элементов после визуальных изменений и перед скриншотом релиза. - [add-theme](https://affpapa.org/nevibecode/skills/add-theme.md) — скилл · NahumLitvin · Claude Code, Codex, Cursor +3 · ★ 202 — Добавляет, переименовывает или обновляет цветовой пресет prismantis по существующей теме: Dracula, Nord, тема из VS Code. - [reimagine-it-variations](https://affpapa.org/nevibecode/skills/reimagine-it-variations.md) — скилл · Kayforkind · Claude Code, Codex, Cursor +3 · ★ 212 — Скилл создаёт несколько дизайн-направлений из одного HTML-файла и собирает их на контрастном листе. - [reimagine-it-lock](https://affpapa.org/nevibecode/skills/reimagine-it-lock.md) — скилл · Kayforkind · Claude Code, Codex, Cursor +3 · ★ 212 — Скилл снимает палитру, шрифты, мотивы и анимацию с готового HTML-файла и сохраняет их как переносимый набор для повторного использования. - [reimagine-it-infographic](https://affpapa.org/nevibecode/skills/reimagine-it-infographic.md) — скилл · Kayforkind · Claude Code, Codex, Cursor +3 · ★ 212 — Строит статистический инфографический плакат строго по фактам из переданного файла. - [reimagine-it-generate](https://affpapa.org/nevibecode/skills/reimagine-it-generate.md) — скилл · Kayforkind · Claude Code, Codex, Cursor +3 · ★ 212 — Читает HTML-страницу и перестраивает её в новом визуальном направлении — лендинг, инфографику, дашборд или одно из 17 других. - [reimagine-it-extract](https://affpapa.org/nevibecode/skills/reimagine-it-extract.md) — скилл · Kayforkind · Claude Code, Codex, Cursor +3 · ★ 212 — Вытаскивает из HTML-файла заголовок, ссылки, имена, даты, числа, почты и палитру в JSON. - [reimagine-it-audit](https://affpapa.org/nevibecode/skills/reimagine-it-audit.md) — скилл · Kayforkind · Claude Code, Codex, Cursor +3 · ★ 212 — Скилл запускает 19 детерминированных проверок HTML-страницы без обращения к LLM. - [reimagine-it](https://affpapa.org/nevibecode/skills/reimagine-it.md) — скилл · Kayforkind · Claude Code, Codex, Cursor +3 · ★ 212 — Скилл анализирует HTML-страницу и создаёт отдельную версию на основе её текста и цветов. - [nothing-design](https://affpapa.org/nevibecode/skills/nothing-design.md) — скилл · harperreed · Claude Code, Codex, Cursor +3 · ★ 336 — Скилл задаёт стиль интерфейса Nothing: монохром, строгую типографику и плотную работу с данными. - [slide-wright](https://affpapa.org/nevibecode/skills/slide-wright.md) — скилл · arifszn · Claude Code, Codex, Cursor +3 · ★ 64 — Собирает веб-презентацию из темы, черновика или плана: сначала показывает тему оформления и два слайда, потом весь доклад. - [kiln](https://affpapa.org/nevibecode/skills/kiln.md) — скилл · elithril · Claude Code, Codex, Cursor +3 · ★ 58 — Создаёт и исправляет 3D-модели в Blender, готовит их к экспорту в GLB, glTF, FBX и USDZ. - [motion-lexicon](https://affpapa.org/nevibecode/skills/motion-lexicon.md) — скилл · Ryan-yang125 · Claude Code, Codex, Cursor +3 · ★ 50 — Скилл помогает проектировать и реализовывать интерфейсы React с продуманными состояниями и анимацией. - [sketch](https://affpapa.org/nevibecode/skills/makenotion-sketch.md) — скилл · makenotion · Claude Code, Codex, Cursor +3 · ★ 220 — Скилл строит схему рабочего процесса приложения в виде наглядной диаграммы. - [generating-product-photos](https://affpapa.org/nevibecode/skills/generating-product-photos.md) — скилл · SupercmoHQ · Claude Code, Codex, Cursor +3 · ★ 232 — Скилл превращает фотографии или ссылки на товары в промпты для коммерческой предметной съёмки. - [generating-images](https://affpapa.org/nevibecode/skills/generating-images.md) — скилл · SupercmoHQ · Claude Code, Codex, Cursor +3 · ★ 232 — Превращает текстовый бриф и при необходимости референсы в промпт и запрос на генерацию изображения. - [generating-cartoon-videos](https://affpapa.org/nevibecode/skills/generating-cartoon-videos.md) — скилл · SupercmoHQ · Claude Code, Codex, Cursor +3 · ★ 232 — Создаёт рисованные и анимационные рекламные ролики для продуктов с единым стилем персонажей. - [analyzing-brand](https://affpapa.org/nevibecode/skills/analyzing-brand.md) — скилл · SupercmoHQ · Claude Code, Codex, Cursor +3 · ★ 232 — Скилл изучает сайт и его изображения, чтобы собрать подтверждённые сведения о бренде. - [pixellab-pip](https://affpapa.org/nevibecode/skills/pixellab-pip.md) — скилл · Shilo · Claude Code, Codex, Cursor +3 · ★ 41 — Скилл помогает подключить PixelLab к ИИ-агенту и управлять генерацией игровой графики, спрайтов и анимаций. - [taobao-detail-long-image](https://affpapa.org/nevibecode/skills/taobao-detail-long-image.md) — скилл · xianyu110 · Claude Code, Codex, Cursor +3 · ★ 120 — Планирует и собирает страницу товара для Taobao, Tmall, Pinduoduo и JD: экраны шириной 750 px сшиваются в одну длинную картинку. - [size-chart](https://affpapa.org/nevibecode/skills/size-chart.md) — скилл · xianyu110 · Claude Code, Codex, Cursor +3 · ★ 120 — Создаёт инфографику габаритов для карточек товаров: размерные схемы с метками в сантиметрах и дюймах, а также таблицы одежды. - [selling-point-infographic](https://affpapa.org/nevibecode/skills/selling-point-infographic.md) — скилл · xianyu110 · Claude Code, Codex, Cursor +3 · ★ 120 — Превращает характеристики товара в читаемую на телефоне инфографику для маркетплейсов и рекламы. - [sale-banner](https://affpapa.org/nevibecode/skills/sale-banner.md) — скилл · xianyu110 · Claude Code, Codex, Cursor +3 · ★ 120 — Скилл собирает промпты для рекламных баннеров и hero-картинок магазина: реальный товар, точный текст акции, нужный размер под площадку. - [multi-angle-set](https://affpapa.org/nevibecode/skills/multi-angle-set.md) — скилл · xianyu110 · Claude Code, Codex, Cursor +3 · ★ 120 — Генерирует серию ракурсов товара с одинаковым светом и фоном для карточек маркетплейсов. - [ecommerce-listing-suite](https://affpapa.org/nevibecode/skills/ecommerce-listing-suite.md) — скилл · xianyu110 · Claude Code, Codex, Cursor +3 · ★ 120 — Скилл координирует создание набора продуктовых изображений для маркетплейсов вроде Amazon, Shopee и Taobao. - [batch-background-swap](https://affpapa.org/nevibecode/skills/batch-background-swap.md) — скилл · xianyu110 · Claude Code, Codex, Cursor +3 · ★ 120 — Скилл меняет фон на серии товарных фото или создаёт цветовые варианты SKU, стараясь сохранить сам продукт. - [amazon-a-plus](https://affpapa.org/nevibecode/skills/amazon-a-plus.md) — скилл · xianyu110 · Claude Code, Codex, Cursor +3 · ★ 120 — Планирует и создаёт промо-изображения для страниц Amazon A+ и Premium A+ с сохранением стиля бренда. - [c-video-edit](https://affpapa.org/nevibecode/skills/c-video-edit.md) — скилл · daxaur · Claude Code, Codex, Cursor +3 · ★ 173 — Скилл помогает создавать и собирать видео из кода с помощью Remotion и Editly. - [bria-ai](https://affpapa.org/nevibecode/skills/bria-ai-bria-ai.md) — скилл · Bria AI · Claude Code, Codex, Cursor +3 · ★ 73 — Скилл подключает API Bria.ai к агенту: генерация картинок по тексту, удаление фона, предметная съёмка и апскейл. - [automotive](https://affpapa.org/nevibecode/skills/automotive.md) — скилл · Bria AI · Claude Code, Codex, Cursor +3 · ★ 73 — Скилл для обработки фотографий машин, грузовиков и мотоциклов через Bria AI: смена фона, маски деталей и эффекты окружения. - [vgl](https://affpapa.org/nevibecode/skills/vgl.md) — скилл · Bria AI · Claude Code, Codex, Cursor +3 · ★ 73 — Скилл превращает запрос на картинку в структурированный VGL JSON: положение объектов, свет, ракурс, фокусное расстояние и стиль задаются явно. - [remove-background](https://affpapa.org/nevibecode/skills/bria-ai-remove-background.md) — скилл · Bria AI · Claude Code, Codex, Cursor +3 · ★ 73 — Удаляет фон с фотографий и генерирует прозрачные PNG через модель Bria RMBG 2.0. - [bria-ai](https://affpapa.org/nevibecode/skills/bria-ai.md) — скилл · Bria AI · Claude Code, Codex, Cursor +3 · ★ 73 — Скилл подключает Bria API для генерации изображений, удаления фона и сборки товарных каталогов прямо через диалог с агентом. - [ad-delayer](https://affpapa.org/nevibecode/skills/ad-delayer.md) — скилл · Bria AI · Claude Code, Codex, Cursor +3 · ★ 73 — Разбирает готовый плоский баннер на отдельные слои: фон, товар, логотип, заголовок, текст и CTA. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=53 ## Уточнить [ui](https://affpapa.org/nevibecode/tag/ui.md) · [animation](https://affpapa.org/nevibecode/tag/animation.md) · [css](https://affpapa.org/nevibecode/tag/css.md) · [design-system](https://affpapa.org/nevibecode/tag/design-system.md) · [accessibility](https://affpapa.org/nevibecode/tag/accessibility.md) · [react](https://affpapa.org/nevibecode/tag/react.md) · [ux](https://affpapa.org/nevibecode/tag/ux.md) · [image-generation](https://affpapa.org/nevibecode/tag/image-generation.md) · [tailwind](https://affpapa.org/nevibecode/tag/tailwind.md) · [typography](https://affpapa.org/nevibecode/tag/typography.md) · [html](https://affpapa.org/nevibecode/tag/html.md) · [design-tokens](https://affpapa.org/nevibecode/tag/design-tokens.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md