# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 6 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=6 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [seo-image-gen](https://affpapa.org/nevibecode/skills/seo-image-gen.md) — скилл · AgriciDaniel · Claude Code, Codex, Cursor +3 · 6100 установок — Генерирует OG-картинки, обложки статей, фото товаров и инфографику через Gemini. - [shadcn-ui](https://affpapa.org/nevibecode/skills/nexu-io-shadcn-ui.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл помогает агенту собирать структурированные и доступные UI-компоненты с shadcn/ui. - [swiftui-design](https://affpapa.org/nevibecode/skills/swiftui-design.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл помогает проектировать интерфейсы SwiftUI по чётким правилам, избегая типичных ошибок AI-кода. - [pptx-generator](https://affpapa.org/nevibecode/skills/nexu-io-pptx-generator.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Создаёт и редактирует презентации PowerPoint с нуля через библиотеку PptxGenJS. - [plan-design-review](https://affpapa.org/nevibecode/skills/plan-design-review.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл оценивает каждое измерение дизайна по шкале 0-10, объясняет, как выглядит оценка 10, и отмечает признаки AI Slop. - [flutter-animating-apps](https://affpapa.org/nevibecode/skills/flutter-animating-apps.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Помогает внедрять анимации и переходы в приложения на Flutter. - [canvas-design](https://affpapa.org/nevibecode/skills/nexu-io-canvas-design.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл помогает создавать постеры, иллюстрации и другие статичные работы в PNG и PDF. - [pptx](https://affpapa.org/nevibecode/skills/nexu-io-pptx.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл для работы с PowerPoint слайдами прямо в коде. - [ui-skills](https://affpapa.org/nevibecode/skills/ui-skills.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Набор правил и ограничений для сборки интерфейсов. - [brand-guidelines](https://affpapa.org/nevibecode/skills/nexu-io-brand-guidelines.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл задаёт визуальный стиль Anthropic для артефактов: фирменные цвета и типографику. - [color-expert](https://affpapa.org/nevibecode/skills/color-expert.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл с 286K слов справочных материалов по OKLCH, генерации палитр, контрасту и смешиванию пигментов. - [pdf](https://affpapa.org/nevibecode/skills/nexu-io-pdf.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 3000 установок — Извлекает текст, собирает PDF-документы и заполняет формы. - [event-store-design](https://affpapa.org/nevibecode/skills/event-store-design.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 10800 установок — Скилл помогает спроектировать хранилище событий для event-sourced системы и выбрать подходящую технологию. - [algorithmic-art](https://affpapa.org/nevibecode/skills/nexu-io-algorithmic-art.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Создаёт генеративную графику на p5.js с фиксированным сидом для воспроизводимых рендеров. - [screenshots-marketing](https://affpapa.org/nevibecode/skills/screenshots-marketing.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Генерирует маркетинговые скриншоты через Playwright для hero-блоков, App Store и changelog. - [html-ppt-retro-quarterly-review](https://affpapa.org/nevibecode/skills/html-ppt-retro-quarterly-review.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Шаблон квартального отчёта в ретро-стилистике: сине-оранжевая гамма, крупная типографика, три «кинематографичных» слайда. - [field-notes-editorial-template](https://affpapa.org/nevibecode/skills/field-notes-editorial-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл генерирует вёрстку бизнес-отчёта в стиле журнала в одном HTML-файле. - [imagen](https://affpapa.org/nevibecode/skills/imagen.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл обращается к API генерации изображений Google Gemini, чтобы создавать макеты интерфейсов, иконки, иллюстрации и другие визуальные материалы. - [fal-3d](https://affpapa.org/nevibecode/skills/fal-3d.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл для создания 3D-моделей из текста или изображений через fal.ai. - [login-flow](https://affpapa.org/nevibecode/skills/login-flow.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Создаёт HTML-прототип экрана входа для мобильного приложения с выбранным способом авторизации. - [enhance-prompt](https://affpapa.org/nevibecode/skills/nexu-io-enhance-prompt.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Переписывает запросы к агенту на языке дизайна: спецификации, UI/UX-термины. - [shader-dev](https://affpapa.org/nevibecode/skills/shader-dev.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл передаёт агенту приёмы написания GLSL-шейдеров: ray marching, симуляцию жидкостей и процедурную генерацию. - [figma-implement-design](https://affpapa.org/nevibecode/skills/nexu-io-figma-implement-design.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл помогает перенести дизайн из Figma в код с визуальным соответствием макету. - [after-hours-editorial-template](https://affpapa.org/nevibecode/skills/after-hours-editorial-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Создаёт роскошные тёмные презентации в стиле haute couture с премиальной типографикой и кинематографическими переходами. - [platform-design](https://affpapa.org/nevibecode/skills/platform-design.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Добавляет в агент 300+ правил из Apple HIG, Material Design 3 и WCAG 2.2 для вёрстки и проектирования общих интерфейсов под iOS, Android и веб. - [brainstorming](https://affpapa.org/nevibecode/skills/nexu-io-brainstorming.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл превращает сырую идею в проработанный дизайн через цепочку уточняющих вопросов и поиск альтернатив. - [fal-lip-sync](https://affpapa.org/nevibecode/skills/fal-lip-sync.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Создаёт видео с говорящими персонажами и синхронизирует звук с движениями губ через fal.ai. - [design-consultation](https://affpapa.org/nevibecode/skills/design-consultation.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Собирает дизайн-систему с нуля и помогает подготовить реалистичные макеты продукта. - [theme-factory](https://affpapa.org/nevibecode/skills/nexu-io-theme-factory.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл с 10 готовыми темами для оформления артефактов: слайды, документы, отчёты, HTML-лендинги. - [hand-drawn-diagrams](https://affpapa.org/nevibecode/skills/hand-drawn-diagrams.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл генерирует скетч-диаграммы Excalidraw по текстовому запросу. - [frontend-dev](https://affpapa.org/nevibecode/skills/nexu-io-frontend-dev.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл для создания современных фронтенда с плавными анимациями, AI-генерируемым контентом через MiniMax API и генеративным искусством. - [nanobanana-ppt](https://affpapa.org/nevibecode/skills/nanobanana-ppt.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл собирает презентации: разбирает документ, генерирует стилизованные картинки через стек NanoBanana и выдаёт готовую колоду. - [8-bit-orbit-video-template](https://affpapa.org/nevibecode/skills/8-bit-orbit-video-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл задаёт шаблон ретро-видео в стиле 8-bit для Hyperframes. - [web-artifacts-builder](https://affpapa.org/nevibecode/skills/nexu-io-web-artifacts-builder.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Собирает HTML-артефакты для claude.ai с React и Tailwind — референсный workflow от Anthropic для встраиваемых интерфейсов. - [frontend-slides](https://affpapa.org/nevibecode/skills/nexu-io-frontend-slides.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2800 установок — Генерирует HTML-презентации с анимациями и предпросмотром стилей. - [slides](https://affpapa.org/nevibecode/skills/nexu-io-slides.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл для автоматического создания и редактирования .pptx-презентаций с помощью PptxGenJS. - [antislop](https://affpapa.org/nevibecode/skills/antislop.md) — скилл · miqdadbadjuber · Claude Code, Codex, Cursor +3 · 7400 установок — Фильтрует шаблонные решения ИИ при работе с интерфейсами и кодом. - [venice-video](https://affpapa.org/nevibecode/skills/venice-video.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Подключает генерацию видео и транскрибацию через API Venice.ai к вашему агенту. - [slack-gif-creator](https://affpapa.org/nevibecode/skills/nexu-io-slack-gif-creator.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Создаёт анимированные GIF для Slack и проверяет ограничения размера. - [pixelbin-media](https://affpapa.org/nevibecode/skills/pixelbin-media.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл для генерации и редактирования изображений и видео через Pixelbin и сборки страниц сайта. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=7 ## Уточнить [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