# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 25 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=25 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [3d-virtual-tour](https://affpapa.org/nevibecode/skills/3d-virtual-tour.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 527 установок — Скилл для сборки виртуальных туров по 3D-сцене: маршрут камеры, переходы между комнатами, осмотр модели. - [frontend-app-builder](https://affpapa.org/nevibecode/skills/frontend-app-builder.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 252 установки — Помогает спроектировать и собрать интерфейс приложения, сайта или игры, затем проверить его в браузере. - [rebranding](https://affpapa.org/nevibecode/skills/rebranding.md) — скилл · arnabbagxd · Claude Code, Codex, Cursor +3 · 1600 установок — Планирует ребрендинг от диагностики до перехода на новую идентичность. - [brand-audit](https://affpapa.org/nevibecode/skills/brand-audit.md) — скилл · arnabbagxd · Claude Code, Codex, Cursor +3 · 1700 установок — Проверяет согласованность бренда по шести критериям и находит слабые места перед запуском ребрендинга или маркетинга. - [visual-content](https://affpapa.org/nevibecode/skills/visual-content.md) — скилл · kostja94 · Claude Code, Codex, Cursor +3 · 2300 установок — Помогает спланировать визуал для статей, соцсетей и рассылок, подобрать размеры картинок и нарезать одну инфографику под разные каналы. - [frontend-slides-editable](https://affpapa.org/nevibecode/skills/frontend-slides-editable.md) — скилл · archlizheng · Claude Code, Codex, Cursor +3 · 537 установок — Создаёт одностраничные HTML-презентации со встроенным редактором в браузере. - [pp-figma](https://affpapa.org/nevibecode/skills/pp-figma.md) — скилл · Giuliano Giacaglia · Claude Code, Codex, Cursor +3 · 726 установок — Выгружает компактные данные фреймов Figma для кодогенерации, проверяет нерешённые комментарии и находит неиспользуемые компоненты. - [3d-high-resolution-textures](https://affpapa.org/nevibecode/skills/3d-high-resolution-textures.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 508 установок — Помогает подобрать разрешение и PBR-карты для 3D-материалов, чтобы близкие планы выглядели резко, а GPU-память не улетала в потолок. - [3d-sky-rays](https://affpapa.org/nevibecode/skills/3d-sky-rays.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 506 установок — Скилл добавляет в Three.js-сцену лучи света из-за крыш и сквозь листву. - [tvos-design-guidelines](https://affpapa.org/nevibecode/skills/tvos-design-guidelines.md) — скилл · platform-design-skills · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл загружает в ассистент правила Apple HIG для tvOS. - [watchos-design-guidelines](https://affpapa.org/nevibecode/skills/watchos-design-guidelines.md) — скилл · platform-design-skills · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл с правилами Apple Human Interface Guidelines для watchOS: подсказывает агенту, как делать глanceable-экраны, Digital Crown и complications. - [explainer-high-energy](https://affpapa.org/nevibecode/skills/explainer-high-energy.md) — скилл · Barty-Bart · Claude Code, Codex, Cursor +3 · 831 установка — Собирает 12–20-секундный динамичный промо-ролик о продукте: HTML-страница рендерится в MP4 с синтезированной музыкой. - [explainer-default](https://affpapa.org/nevibecode/skills/explainer-default.md) — скилл · Barty-Bart · Claude Code, Codex, Cursor +3 · 819 установок — Собирает демо продукта в MP4: сценарий, интерфейс, анимация, музыка и финальный кадр. - [nanobanana-skill](https://affpapa.org/nevibecode/skills/nanobanana-skill.md) — скилл · feiskyer · Claude Code, Codex, Cursor +3 · 319 установок — Генерирует и редактирует изображения через Google Gemini прямо из консоли или редактора. - [layers-product-strategy](https://affpapa.org/nevibecode/skills/layers-product-strategy.md) — скилл · jamiemill · Claude Code, Codex, Cursor +3 · 2000 установок — Связывает бизнес-цели с болями пользователей и формирует гипотезы решений. - [layers-surface](https://affpapa.org/nevibecode/skills/layers-surface.md) — скилл · jamiemill · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл для аудита видимого слоя продукта: слова, объекты, обратная связь, иерархия, доступность. - [layers-interaction-flow](https://affpapa.org/nevibecode/skills/layers-interaction-flow.md) — скилл · jamiemill · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл для проектирования структуры взаимодействия: места, действия, краевые случаи и пути отказа до того, как вы возьмётесь за визуал. - [layers-intro](https://affpapa.org/nevibecode/skills/layers-intro.md) — скилл · jamiemill · Claude Code, Codex, Cursor +3 · 2000 установок — Задаёт фреймворк Layers of Product Design для сессий продуктового дизайна. - [layers-conceptual-model](https://affpapa.org/nevibecode/skills/layers-conceptual-model.md) — скилл · jamiemill · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл помогает описать объекты продукта, их связи, состояния и термины до проектирования интерфейса. - [remove-image-watermark](https://affpapa.org/nevibecode/skills/remove-image-watermark.md) — скилл · pilioai · Claude Code, Codex, Cursor +3 · 7600 установок — Скилл отправляет изображения в API Pilio через CLI и скачивает результат без видимых водяных знаков. - [design](https://affpapa.org/nevibecode/skills/subframeapp-design.md) — скилл · SubframeApp · Claude Code, Codex, Cursor +3 · 775 установок — Ведёт агента по работе с Subframe: собрать страницу или компонент, сравнить варианты на канвасе, поправить тему. - [develop](https://affpapa.org/nevibecode/skills/subframeapp-develop.md) — скилл · SubframeApp · Claude Code, Codex, Cursor +3 · 767 установок — Скилл помогает перенести макет Subframe в приложение или обновить существующую страницу. - [codex-gpt-image-2-5-flare](https://affpapa.org/nevibecode/skills/codex-gpt-image-2-5-flare.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 475 установок — Скилл для генерации и правки графики встроенным инструментом Codex: прозрачные PNG, спрайты, эмблемы и элементы интерфейса. - [tailwind-design-system](https://affpapa.org/nevibecode/skills/giuseppe-trisciuoglio-tailwind-design-system.md) — скилл · giuseppe-trisciuoglio · Claude Code, Codex, Cursor +3 · 4500 установок — Скилл помогает развернуть дизайн-систему на Tailwind CSS v4.1+ и shadcn/ui. - [game-ui-design](https://affpapa.org/nevibecode/skills/game-ui-design.md) — скилл · omer-metin · Claude Code, Codex, Cursor +3 · 3900 установок — Задаёт правила проектирования игровых интерфейсов, от HUD и инвентарей до радиальных меню. - [layers-domain](https://affpapa.org/nevibecode/skills/layers-domain.md) — скилл · jamiemill · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл помогает зафиксировать терминологию, разногласия и границы контекстов предметной области до проектирования интерфейса. - [layers-orient](https://affpapa.org/nevibecode/skills/layers-orient.md) — скилл · jamiemill · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл проверяет решения по семи слоям продукта, находит узкое место и предлагает, с какого скилла продолжить. - [cast](https://affpapa.org/nevibecode/skills/cast.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 1300 установок — Скилл для творческого кодинга: превращает статичный интерфейс в живой — движение, микроинтеракции, отклик на действия. - [paint](https://affpapa.org/nevibecode/skills/paint.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 1300 установок — Запускает пайплайн дизайн-системы для веба, Compose и SwiftUI: от брейншторма арт-дирекшна до кода и аудита доступности. - [react-container-presentation-component](https://affpapa.org/nevibecode/skills/react-container-presentation-component.md) — скилл (официальный GitHub) · github · GitHub Copilot · 65 установок — Скилл создаёт React-компонент по паттерну Container/Presentation и раскладывает файлы по соглашениям TypeScript, Storybook и SCSS. - [motion-art-direction](https://affpapa.org/nevibecode/skills/motion-art-direction.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 3300 установок — Скилл задаёт правила движения до первой отрисованной сцены: одна кривая, один тайминг, один набор переходов на весь ролик. - [paper-slide-deck](https://affpapa.org/nevibecode/skills/paper-slide-deck.md) — скилл · luwill · Claude Code, Codex, Cursor +3 · 498 установок — Скилл превращает статьи, заметки и PDF-документы в иллюстрированные слайды для соцсетей. - [taste](https://affpapa.org/nevibecode/skills/taste.md) — скилл · Senlin · Claude Code, Codex, Cursor +3 · 579 установок — Разбирает визуальный стиль веб-страницы через браузер и сохраняет дизайн-токены вместе с логикой интерфейса. - [obsidian-layout-adjustment](https://affpapa.org/nevibecode/skills/obsidian-layout-adjustment.md) — скилл · Ar9av · Claude Code, Codex, Cursor +3 · 435 установок — Скилл правит внешний вид Obsidian через CSS-сниппеты: переводит ваше описание элемента в нужный слой интерфейса, вносит правку и проверяет её по скриншоту. - [tailwindcss-advanced-layouts](https://affpapa.org/nevibecode/skills/tailwindcss-advanced-layouts.md) — скилл · JosiahSiegel · Claude Code, Codex, Cursor +3 · 8100 установок — Набор готовых рецептов для Tailwind CSS v4. - [lovart-api](https://affpapa.org/nevibecode/skills/lovart-api.md) — скилл · Lovart (lovartai) · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл, через который агент сам заказывает в Lovart AI изображения, видео и аудио, ведёт проекты и ветки диалога. - [editor](https://affpapa.org/nevibecode/skills/editor.md) — скилл · diffusionstudio · Claude Code, Codex, Cursor +3 · 1800 установок — Анализирует видео, звук и изображения, генерирует медиа через ИИ и собирает видеокомпозиции с помощью Diffusion Studio. - [swiftui-design-skill](https://affpapa.org/nevibecode/skills/swiftui-design-skill.md) — скилл · wholiver · Claude Code, Codex, Cursor +3 · 1000 установок — Помогает проектировать экраны SwiftUI для iOS и macOS без шаблонного визуала. - [svg-animations](https://affpapa.org/nevibecode/skills/svg-animations.md) — скилл · supermemoryai · Claude Code, Codex, Cursor +3 · 2600 установок — Инструктирует ассистента создавать векторную графику и анимировать векторные элементы через CSS и SMIL. - [ai-image-generator](https://affpapa.org/nevibecode/skills/ai-image-generator.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл учит агента выбирать модель Gemini или GPT под задачу и собирать промпты по пятичастной схеме. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=26 ## Уточнить [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