# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 23 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=23 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [landing](https://affpapa.org/nevibecode/skills/landing.md) — скилл · Alireza Rezvani · Claude Code · 404 установки — Скилл создаёт одностраничный HTML-лендинг с 3D-анимациями, эффектами GSAP и параллаксом мыши. - [conversion-optimization](https://affpapa.org/nevibecode/skills/wondelai-conversion-optimization.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 1300 установок — Пошаговый аудит и пересборка сценария с потерями пользователей — от посадочной страницы до оплаты. - [tastemaker](https://affpapa.org/nevibecode/skills/tastemaker.md) — скилл · codeswithroh · Claude Code, Codex, Cursor +3 · 892 установки — Скилл для генерации интерфейсов: берёт стиль из реальных референсов, запоминает его и переиспользует в проекте. - [seedance-2.0-prompter](https://affpapa.org/nevibecode/skills/seedance-20-prompter.md) — скилл · pexoai · Claude Code, Codex, Cursor +3 · 1300 установок — Собирает из изображений, видео, аудио и описания структурированный JSON-промпт для Seedance 2.0. - [android-design-guidelines](https://affpapa.org/nevibecode/skills/android-design-guidelines.md) — скилл · platform-design-skills · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл для ИИ-агента, который держит Android-интерфейс в рамках Material Design 3: динамический цвет, роли цветов, навигация. - [image-generation](https://affpapa.org/nevibecode/skills/image-generation.md) — скилл · claude-office-skills · Claude Code, Codex, Cursor +3 · 5600 установок — Помогает писать промпты для генераторов картинок: разбирает замысел на детали и подгоняет формулировки под конкретный инструмент. - [chart-designer](https://affpapa.org/nevibecode/skills/chart-designer.md) — скилл · claude-office-skills · Claude Code, Codex, Cursor +3 · 5700 установок — Подбирает тип диаграммы под данные и выдаёт готовые конфиги для ECharts и Chart.js. - [figma-shaders](https://affpapa.org/nevibecode/skills/figma-shaders.md) — скилл · figma · Claude Code, Codex, Cursor +3 · 520 установок — Скилл помогает создавать и менять шейдеры в Figma через MCP. - [remotion-3d-ticker](https://affpapa.org/nevibecode/skills/remotion-3d-ticker.md) — скилл · vibe-motion · Claude Code, Codex, Cursor +3 · 852 установки — Создаёт зацикленную трёхмерную вертикальную прокрутку для видео в Remotion. - [landing-page-design](https://affpapa.org/nevibecode/skills/landing-page-design.md) — скилл · 101-skills · Claude Code, Codex, Cursor +3 · 56100 установок — Помогает спроектировать лендинг с понятным первым экраном, CTA и социальными доказательствами. - [light-spotlight-render](https://affpapa.org/nevibecode/skills/light-spotlight-render.md) — скилл · vibe-motion · Claude Code, Codex, Cursor +3 · 840 установок — Скилл создаёт HTML-анимацию, в которой световое пятно раскрывает текст. - [product-photography](https://affpapa.org/nevibecode/skills/product-photography.md) — скилл · 101-skills · Claude Code, Codex, Cursor +3 · 55700 установок — Помогает генерировать студийные фото товаров, предметные снимки для маркетплейсов и лайфстайл-кадры. - [storyboard-creation](https://affpapa.org/nevibecode/skills/storyboard-creation.md) — скилл · 101-skills · Claude Code, Codex, Cursor +3 · 55500 установок — Скилл для планирования раскадровок: типы планов, углы камеры, движение, правило 180 градусов и формат аннотаций панелей. - [character-design-sheet](https://affpapa.org/nevibecode/skills/character-design-sheet.md) — скилл · 101-skills · Claude Code, Codex, Cursor +3 · 55500 установок — Помогает сохранять внешность персонажа в генерациях через FLUX LoRA, круговые схемы ракурсов и текстовые якоря. - [app-store-screenshots](https://affpapa.org/nevibecode/skills/app-store-screenshots.md) — скилл · 101-skills · Claude Code, Codex, Cursor +3 · 55600 установок — Создаёт материалы для карточек Apple App Store и Google Play: скриншоты, макеты устройств и ролики. - [youtube-thumbnail-design](https://affpapa.org/nevibecode/skills/youtube-thumbnail-design.md) — скилл · 101-skills · Claude Code, Codex, Cursor +3 · 55400 установок — Скилл для дизайна превью YouTube: размеры, контраст, безопасные зоны и генерация картинок через CLI belt. - [image-processing](https://affpapa.org/nevibecode/skills/image-processing.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 2400 установок — Ресайз, обрезка полей, конвертация в WebP и PNG, тумбнейлы и OG-картинки. - [figma-generative-plugins](https://affpapa.org/nevibecode/skills/figma-generative-plugins.md) — скилл · figma · Claude Code, Codex, Cursor +3 · 504 установки — Задаёт агенту правила сборки и обновления генеративных плагинов в редакторе Figma Design. - [wechat-2d-render](https://affpapa.org/nevibecode/skills/wechat-2d-render.md) — скилл · vibe-motion · Claude Code, Codex, Cursor +3 · 817 установок — Клонирует проект wechat-2d и собирает через Remotion демо-видео с анимацией чата в стиле WeChat. - [object-separation](https://affpapa.org/nevibecode/skills/object-separation.md) — скилл · Barty-Bart · Claude Code, Codex, Cursor +3 · 1100 установок — Выделяет человека или предмет на видео и сохраняет покадровые маски с помощью SAM 2. - [video](https://affpapa.org/nevibecode/skills/smixs-video.md) — скилл · smixs · Claude Code, Codex, Cursor +3 · 959 установок — Помогает писать и чинить промпты для генераторов видео, собирать раскадровки и монтажные листы. - [storefront-best-practices](https://affpapa.org/nevibecode/skills/storefront-best-practices.md) — скилл · medusajs · Claude Code, Codex, Cursor +3 · 4600 установок — Скилл задаёт правила для разработки витрин интернет-магазина: от карточек товаров до корзины и оформления заказа. - [design-review](https://affpapa.org/nevibecode/skills/plugin87-design-review.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 594 установки — Скилл оценивает интерфейс по шести взвешенным критериям, прогоняет эвристики Нильсена и выдаёт таблицу находок по приоритету. - [rams](https://affpapa.org/nevibecode/skills/rams.md) — скилл · brianlovin · Claude Code, Codex, Cursor +3 · 3000 установок — Проверяет компоненты интерфейса на соответствие стандарту WCAG 2.1 и находит дефекты вёрстки. - [infographic](https://affpapa.org/nevibecode/skills/infographic.md) — скилл · claude-office-skills · Claude Code, Codex, Cursor +3 · 5100 установок — Формирует техническое задание, макет и текстовую структуру для инфографики. - [building-admin-dashboard-customizations](https://affpapa.org/nevibecode/skills/building-admin-dashboard-customizations.md) — скилл · medusajs · Claude Code, Codex, Cursor +3 · 4400 установок — Скилл обучает агента настраивать интерфейс панели Medusa: собирать виджеты, кастомные страницы и таблицы. - [image](https://affpapa.org/nevibecode/skills/smixs-image.md) — скилл · smixs · Claude Code, Codex, Cursor +3 · 916 установок — Готовит промпты для Nano Banana и GPT Image 2.5 с рекомендациями по модели, качеству, размеру и соотношению сторон. - [Frontend Responsive Design Standards](https://affpapa.org/nevibecode/skills/frontend-responsive-design-standards.md) — скилл · am-will · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл задаёт агенту правила mobile-first вёрстки: брейкпоинты, относительные единицы, тач-цели и приоритет контента на мобильных. - [higgsfield](https://affpapa.org/nevibecode/skills/o-side-media-higgsfield.md) — скилл · O-Side Media · Claude Code, Codex, Cursor +3 · 524 установки — Составляет промпты для видео и изображений в Higgsfield, подбирает модели и параметры камеры. - [diagram-creator](https://affpapa.org/nevibecode/skills/diagram-creator.md) — скилл · claude-office-skills · Claude Code, Codex, Cursor +3 · 5000 установок — Генерирует схемы и архитектурные диаграммы на языках разметки Mermaid, PlantUML или D2. - [favicon-gen](https://affpapa.org/nevibecode/skills/favicon-gen.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 2200 установок — Скилл создаёт набор иконок для сайта и PWA из логотипа, монограммы или фирменных цветов. - [axiom-design](https://affpapa.org/nevibecode/skills/axiom-design.md) — скилл · CharlesWiltgen · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл помогает принимать решения по дизайну приложений Apple: сетки HIG, эффекты Liquid Glass, подбор SF Symbols, шрифты и переключение экранов авторизации. - [ui-ux](https://affpapa.org/nevibecode/skills/ui-ux.md) — скилл · evondev · Claude Code, Codex, Cursor +3 · 884 установки — Скилл для ИИ-кодинга, который ведёт агента по дизайн-процессу: сначала бриф и 2–3 вайрфрейма, потом код. - [app-icon](https://affpapa.org/nevibecode/skills/app-icon.md) — скилл · Code-with-Beto · Claude Code, Codex, Cursor +3 · 2100 установок — Создаёт и настраивает иконки для проектов на React Native Expo под iOS 26 и Android. - [a11y-audit](https://affpapa.org/nevibecode/skills/plugin87-a11y-audit.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 550 установок — Проверяет интерфейс на соответствие стандартам WCAG 2.2 и ARIA. - [frontend-design-deslop](https://affpapa.org/nevibecode/skills/frontend-design-deslop.md) — скилл · samber · Claude Code, Codex, Cursor +3 · 4800 установок — Скилл для ИИ-кодинга, который уводит интерфейс от типового вида, который выдают модели по умолчанию: типографика, цвет, токены, тёмная тема. - [generate-image](https://affpapa.org/nevibecode/skills/generate-image.md) — скилл (официальный GitHub) · github · GitHub Copilot · 93 установки — Скилл создаёт изображения по запросу через OpenAI или Google Gemini. - [favicon](https://affpapa.org/nevibecode/skills/favicon.md) — скилл · brianlovin · Claude Code, Codex, Cursor +3 · 2800 установок — Создаёт набор фавиконов из исходного изображения, обновляет манифест и HTML проекта. - [design-tokens](https://affpapa.org/nevibecode/skills/plugin87-design-tokens.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 538 установок — Скилл создаёт и проверяет дизайн-токены в формате DTCG. - [redesign](https://affpapa.org/nevibecode/skills/redesign.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 535 установок — Скилл проверяет существующий интерфейс и поэтапно обновляет его, сохраняя работающие функции. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=24 ## Уточнить [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