# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 10 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=10 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [flux-best-practices](https://affpapa.org/nevibecode/skills/flux-best-practices.md) — скилл · Black Forest Labs · Claude Code, Codex, Cursor +3 · 1100 установок — Набор правил генерации промптов для моделей FLUX.1 и FLUX.2. - [sketch](https://affpapa.org/nevibecode/skills/hermes-agent-adapted-from-gsd-sketch.md) — скилл · Hermes Agent (adapted from gsd-build/get-shit-done) · Claude Code, Codex, Cursor +3 · 403 установки — Создаёт 2–3 HTML-варианта интерфейса, чтобы сравнить дизайн-направления до того, как начнёшь строить продакшн-код. - [user-personas](https://affpapa.org/nevibecode/skills/user-personas.md) — скилл · phuryn · Claude Code, Codex, Cursor +3 · 3000 установок — Скилл синтезирует данные опросов или интервью в три профиля пользователей с JTBD, болями и метриками успеха. - [brainstorm-ideas-existing](https://affpapa.org/nevibecode/skills/brainstorm-ideas-existing.md) — скилл · phuryn · Claude Code, Codex, Cursor +3 · 3000 установок — Скилл для мозгового штурма идей существующего продукта с позиций PM, дизайнера и инженера. - [better-icons](https://affpapa.org/nevibecode/skills/better-icons.md) — скилл · better-auth · Claude Code, Codex, Cursor +3 · 5900 установок — Ищет векторные значки в 200 каталогах через Iconify и скачивает SVG прямо из терминала или через вызовы агента. - [logo-generator](https://affpapa.org/nevibecode/skills/logo-generator.md) — скилл · op7418 · Claude Code, Codex, Cursor +3 · 3900 установок — Создаёт SVG-логотипы с минимум шестью вариантами дизайна и формирует презентационные изображения с 12 профессиональными фонами через Gemini API. - [superdesign](https://affpapa.org/nevibecode/skills/superdesign.md) — скилл · superdesigndev · Claude Code, Codex, Cursor +3 · 11200 установок — Создаёт и дорабатывает интерфейсы, презентации и графику на холсте Superdesign. - [brainstorm-experiments-existing](https://affpapa.org/nevibecode/skills/brainstorm-experiments-existing.md) — скилл · phuryn · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл помогает спланировать эксперименты для проверки предположений о существующем продукте. - [appllama-app-design-skill](https://affpapa.org/nevibecode/skills/appllama-app-design-skill.md) — скилл · Appllama (appllama.io) · Claude Code, Codex, Cursor +3 · 4800 установок — Скилл для создания нативных мобильных интерфейсов под iOS и Android на Expo и React Native. - [ai-image-generation](https://affpapa.org/nevibecode/skills/ai-image-generation.md) — скилл · 101-skills · Claude Code, Codex, Cursor +3 · 870900 установок — Создаёт и редактирует изображения через belt с выбором модели. - [scroll-experience](https://affpapa.org/nevibecode/skills/sickn33-scroll-experience.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл помогает проектировать скролл-анимации, параллакс и интерактивное повествование для веб-страниц. - [vision-analysis](https://affpapa.org/nevibecode/skills/vision-analysis.md) — скилл · MiniMax-AI · Claude Code, Codex, Cursor +3 · 2700 установок — Описывает картинки, вытаскивает текст и разбирает интерфейсы через инструмент MiniMax. - [brand-extract](https://affpapa.org/nevibecode/skills/brand-extract.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1100 установок — Извлекает дизайн-систему с открытого сайта через встроенный браузер. - [state-machine](https://affpapa.org/nevibecode/skills/state-machine.md) — скилл · jakubkrehel · Claude Code, Codex, Cursor +3 · 3800 установок — Создаёт временную страницу со всеми достижимыми состояниями одного компонента, мок-данными и переключателем. - [build-design](https://affpapa.org/nevibecode/skills/build-design.md) — скилл · jakubkrehel · Claude Code, Codex, Cursor +3 · 3600 установок — Переносит интерфейс из Figma или скриншота в код проекта. - [infographics](https://affpapa.org/nevibecode/skills/infographics.md) — скилл · K-Dense-AI · Claude Code, Codex, Cursor +3 · 2000 установок — Собирает инфографику из ваших данных или после быстрого поиска в Perplexity Sonar, а потом сам проверяет картинку по порогу качества. - [generate-image](https://affpapa.org/nevibecode/skills/k-dense-ai-generate-image.md) — скилл · K-Dense-AI · Claude Code, Codex, Cursor +3 · 2000 установок — Генерирует и редактирует изображения через OpenRouter Image API в моделях Gemini, Recraft и Seedream. - [quick-mockups](https://affpapa.org/nevibecode/skills/quick-mockups.md) — скилл · civitai · Claude Code, Codex, Cursor +3 · 1700 установок — Генерирует от 3 до 5 параллельных вариантов интерфейса в HTML. - [pretext](https://affpapa.org/nevibecode/skills/pretext.md) — скилл · Hermes Agent · Claude Code, Codex, Cursor +3 · 317 установок — Скилл для браузерных демо на @chenglou/pretext: текст обтекает фигуры, ломается на графемы и меряется через canvas без пересчёта страницы. - [pretty-mermaid](https://affpapa.org/nevibecode/skills/pretty-mermaid.md) — скилл · imxv · Claude Code, Codex, Cursor +3 · 4500 установок — Рендерит Mermaid-диаграммы в SVG, PNG или ASCII/Unicode без браузера. - [appllama-usage](https://affpapa.org/nevibecode/skills/appllama-usage.md) — скилл · Appllama (appllama.io) · Claude Code, Codex, Cursor +3 · 4000 установок — Направляет работу с Appllama MCP: ищет мобильные приложения, изучает их экраны и пользовательские сценарии перед разработкой интерфейса. - [ads-photoshoot](https://affpapa.org/nevibecode/skills/ads-photoshoot.md) — скилл · AgriciDaniel · Claude Code, Codex, Cursor +3 · 3800 установок — Генерирует рекламные варианты фото продукта по исходному кадру и профилю бренда. - [ads-generate](https://affpapa.org/nevibecode/skills/ads-generate.md) — скилл · AgriciDaniel · Claude Code, Codex, Cursor +3 · 3800 установок — Создаёт графику для платной рекламы по креативному брифу и профилю бренда через настроенный провайдер. - [library-curator](https://affpapa.org/nevibecode/skills/library-curator.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 960 установок — Достаёт картинки, логотипы и скриншоты из OD Library, копирует файл в проект и отдаёт относительный путь, который остаётся вписать в разметку. - [mobile-app-ui-design](https://affpapa.org/nevibecode/skills/mobile-app-ui-design.md) — скилл · ceorkm · Claude Code, Codex, Cursor +3 · 11600 установок — Задаёт агенту правила проектирования экранов мобильных приложений. - [html-diagram](https://affpapa.org/nevibecode/skills/html-diagram.md) — скилл · plannotator · Claude Code, Codex, Cursor +3 · 4100 установок — Генерирует автономные интерактивные HTML-диаграммы без сторонних сервисов и сборки. - [tailwind-design-system](https://affpapa.org/nevibecode/skills/sickn33-tailwind-design-system.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1600 установок — Скилл задаёт агенту рамки работы с Tailwind: токены, варианты компонентов, адаптивные паттерны и доступность. - [ios-application-dev](https://affpapa.org/nevibecode/skills/ios-application-dev.md) — скилл · MiniMax-OpenSource · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл-справочник по iOS-интерфейсам: UIKit, SnapKit и SwiftUI, чек-листы по вёрстке, Dynamic Type, тёмной теме и доступности. - [swiftui-liquid-glass](https://affpapa.org/nevibecode/skills/swiftui-liquid-glass.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 121 установка — Скилл помогает создавать и проверять интерфейсы SwiftUI с Liquid Glass для iOS 26+. - [isometric-explainer](https://affpapa.org/nevibecode/skills/isometric-explainer.md) — скилл · rohitg00 · Claude Code, Codex, Cursor +3 · 550 установок — Скилл создаёт интерактивную страницу с изометрической машиной, где каждый узел визуализирует шаг процесса на базе строгой модели состояний. - [course-style](https://affpapa.org/nevibecode/skills/course-style.md) — скилл · rohitg00 · Claude Code, Codex, Cursor +3 · 550 установок — Задаёт правила оформления, токены цветов, шрифты и нормы понятного технического текста для проекта AI Engineering from Scratch. - [blueprint-figure](https://affpapa.org/nevibecode/skills/blueprint-figure.md) — скилл · rohitg00 · Claude Code, Codex, Cursor +3 · 552 установки — Создаёт статичные SVG-схемы для уроков, README и руководств. - [motion-figure](https://affpapa.org/nevibecode/skills/motion-figure.md) — скилл · rohitg00 · Claude Code, Codex, Cursor +3 · 545 установок — Скилл генерирует интерактивные схемы и анимации трёх уровней: декларативные SVG на SMIL, HTML-виджеты с регуляторами и WebGL-полосы дизеринга. - [spartan](https://affpapa.org/nevibecode/skills/spartan.md) — скилл · spartan-ng · Claude Code, Codex, Cursor +3 · 2300 установок — Помогает добавлять, собирать и стилизовать компоненты spartan/ui в Angular-проекте. - [html](https://affpapa.org/nevibecode/skills/html.md) — скилл · plannotator · Claude Code, Codex, Cursor +3 · 3900 установок — Скилл собирает один самодостаточный HTML-файл со стилями и скриптами внутри: отчёт, лендинг, презентацию или калькулятор. - [interactive-portfolio](https://affpapa.org/nevibecode/skills/sickn33-interactive-portfolio.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл помогает спроектировать интерактивное портфолио разработчика или дизайнера с упором на конверсию посетителей. - [gif-sticker-maker](https://affpapa.org/nevibecode/skills/minimax-ai-gif-sticker-maker.md) — скилл · MiniMax-AI · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл конвертирует фотографию в 4 анимированных GIF-стикера в стиле Funko Pop с подписями. - [chat-motion-overlay](https://affpapa.org/nevibecode/skills/chat-motion-overlay.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 829 установок — Создаёт анимированные сцены переписки из текста или скриншота и готовит их для рендера в Remotion. - [design-taste-frontend](https://affpapa.org/nevibecode/skills/nexu-io-design-taste-frontend.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 808 установок — Скилл для лендингов, портфолио и редизайнов. - [multi-agent-brainstorming](https://affpapa.org/nevibecode/skills/multi-agent-brainstorming.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт последовательное дизайн-ревью с ролями автора, критиков и арбитра. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=11 ## Уточнить [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