# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 24 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=24 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [brand-identity](https://affpapa.org/nevibecode/skills/brand-identity.md) — скилл · arnabbagxd · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл превращает стратегию компании в чёткий бриф для дизайнера. - [apply-aesthetic](https://affpapa.org/nevibecode/skills/apply-aesthetic.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 529 установок — Скилл выбирает визуальное направление — архетип или именную дизайн-систему — и переводит его в токены вашего проекта. - [Brand Guidelines Generator](https://affpapa.org/nevibecode/skills/brand-guidelines-generator.md) — скилл · claude-office-skills · Claude Code, Codex, Cursor +3 · 4700 установок — Формирует регламенты по стилю бренда, правилам типографики и цветовым палитрам. - [design-code](https://affpapa.org/nevibecode/skills/design-code.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 525 установок — Скилл помогает агенту собирать код компонентов и экранов под выбранный фреймворк. - [platform-conventions](https://affpapa.org/nevibecode/skills/platform-conventions.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл разбирает, какие паттерны интерфейса диктует iOS, какие Android, и где их стоит свести к общему виду. - [law-of-continuity](https://affpapa.org/nevibecode/skills/law-of-continuity.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл про закон непрерывности: выравнивание, стрелки и линии задают путь, по которому глаз идёт по интерфейсу. - [conversational-ux](https://affpapa.org/nevibecode/skills/conversational-ux.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл помогает проектировать голосовые интерфейсы и чат-ботов. - [law-of-closure](https://affpapa.org/nevibecode/skills/law-of-closure.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1100 установок — Учит агента строить интерфейс на подразумеваемых границах: убирать лишние рамки, рисовать иконки из минимальных подсказок и опираться на негативное пространство. - [law-of-figure-ground](https://affpapa.org/nevibecode/skills/law-of-figure-ground.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл разбирает, какой слой интерфейса читается как передний план, а какой как фон, и помогает задать это отношение осознанно. - [law-of-similarity](https://affpapa.org/nevibecode/skills/law-of-similarity.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1100 установок — Помогает выстроить визуальные связи между элементами интерфейса через форму, цвет и размер. - [ideogram4](https://affpapa.org/nevibecode/skills/ideogram4.md) — скилл · digitalsamba · Claude Code, Codex, Cursor +3 · 471 установка — Генерирует изображения с читаемым текстом и точной палитрой через Ideogram 4. - [d2-diagram-creator](https://affpapa.org/nevibecode/skills/d2-diagram-creator.md) — скилл · Jeremy Longshore · Claude Code, Codex, Cursor +3 · 345 установок — Скилл для работы с диаграммами D2: подключается по упоминанию в запросе и ведёт агента по шагам. - [design-component](https://affpapa.org/nevibecode/skills/design-component.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 522 установки — Создаёт спецификацию UI-компонента с анатомией, 8 состояниями, токенами и доступностью. - [rhino3d-scripts](https://affpapa.org/nevibecode/skills/rhino3d-scripts.md) — скилл (официальный GitHub) · github · GitHub Copilot · 89 установок — Помогает писать и отлаживать скрипты для Rhinoceros 3D на Python, VBScript и C#. - [ux-writing](https://affpapa.org/nevibecode/skills/plugin87-ux-writing.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 517 установок — Скилл пишет и проверяет кнопки, ошибки, пустые состояния и другие тексты интерфейса. - [design-qa](https://affpapa.org/nevibecode/skills/plugin87-design-qa.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 516 установок — Скилл настраивает проверки токенов, контраста, доступности и визуальных регрессий. - [brandkit](https://affpapa.org/nevibecode/skills/plugin87-brandkit.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 510 установок — По краткому описанию продукта скилл собирает дизайн-токены для светлой и тёмной темы и проверяет контраст. - [aesthetic](https://affpapa.org/nevibecode/skills/aesthetic.md) — скилл · mrgoonie · Claude Code, Codex, Cursor +3 · 714 установок — Скилл для ИИ-агента, который помогает проектировать интерфейсы: разбирает чужие макеты, генерирует варианты дизайна и доводит их до внятного вида. - [ui-designer](https://affpapa.org/nevibecode/skills/daymade-ui-designer.md) — скилл · daymade · Claude Code, Codex, Cursor +3 · 1600 установок — Извлекает дизайн-систему из скриншотов интерфейса и готовит промпт для реализации UI в React. - [migrate-design-system](https://affpapa.org/nevibecode/skills/migrate-design-system.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 487 установок — Сопоставляет токены вашей дизайн-системы с чужой и обратно: Material 3, Apple HIG, Fluent 2, shadcn/ui, Radix. - [icon-set-generator](https://affpapa.org/nevibecode/skills/icon-set-generator.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл рисует набор SVG-иконок под конкретный проект: один стиль, одна сетка, одинаковый штрих. - [prototype](https://affpapa.org/nevibecode/skills/plugin87-prototype.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 484 установки — Ведёт проектирование интерфейса по лестнице детализации от структуры контента до кода. - [tesseract-motion](https://affpapa.org/nevibecode/skills/tesseract-motion.md) — скилл · mirage-hq · Claude Code, Codex, Cursor +3 · 3000 установок — Скилл помогает создавать в Tesseract редактируемую анимацию: от титров и схем до сцен на весь кадр и графики поверх видео. - [tesseract-video](https://affpapa.org/nevibecode/skills/tesseract-video.md) — скилл · mirage-hq · Claude Code, Codex, Cursor +3 · 3000 установок — Скилл для локального монтажа уже отснятого материала: режет, чистит диалоги, сводит звук и добавляет графику в проекты Tesseract. - [token-build](https://affpapa.org/nevibecode/skills/token-build.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 480 установок — Скилл превращает DTCG-токены из JSON в файлы тем для веба и мобильных платформ. - [axiom-accessibility](https://affpapa.org/nevibecode/skills/axiom-accessibility.md) — скилл · CharlesWiltgen · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл для разбора проблем доступности в приложениях Apple: VoiceOver, Dynamic Type, контраст, размеры целей нажатия, WCAG. - [figma-integration](https://affpapa.org/nevibecode/skills/plugin87-figma-integration.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 478 установок — Скилл связывает токены и компоненты проекта с Figma в обоих направлениях. - [serial-position-effect](https://affpapa.org/nevibecode/skills/serial-position-effect.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл применяет эффект серийной позиции: подсказывает, какие пункты ставить первыми и последними, а что попадёт в провал посередине. - [teslers-law](https://affpapa.org/nevibecode/skills/teslers-law.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1000 установок — Помогает распределять сложность между интерфейсом и пользователем по закону Теслера. - [zeigarnik-effect](https://affpapa.org/nevibecode/skills/zeigarnik-effect.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл для проектирования прогресс-баров, черновиков и напоминаний о незавершённых шагах. - [peak-end-rule](https://affpapa.org/nevibecode/skills/peak-end-rule.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл для проектирования моментов, по которым пользователь запомнит ваш продукт: самого сильного и последнего. - [jakobs-law](https://affpapa.org/nevibecode/skills/jakobs-law.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл помогает оценить цену отказа от привычных интерфейсных паттернов по закону Якоба Нильсена. - [governance](https://affpapa.org/nevibecode/skills/governance.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 474 установки — Скилл ведёт правила развития дизайн-системы: какой бамп версии поставить, как добавить компонент, как убрать старый токен без хаоса. - [revealjs](https://affpapa.org/nevibecode/skills/revealjs.md) — скилл · ryanbbrown · Claude Code, Codex, Cursor +3 · 736 установок — Скилл собирает презентацию на reveal.js: HTML-файл со слайдами и CSS с вашей темой. - [qianwen-image-generation](https://affpapa.org/nevibecode/skills/qianwen-image-generation.md) — скилл · QianWen-AI · Claude Code, Codex, Cursor +3 · 5600 установок — Скилл создаёт и редактирует изображения через модели Wan и Qwen Image. - [brand-packaging](https://affpapa.org/nevibecode/skills/brand-packaging.md) — скилл · arnabbagxd · Claude Code, Codex, Cursor +3 · 1700 установок — Формирует подробный бриф на дизайн упаковки и распаковку товара. - [brand-guidelines](https://affpapa.org/nevibecode/skills/arnabbagxd-brand-guidelines.md) — скилл · arnabbagxd · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл собирает брендбук: логотип, цвета, шрифты, голос, сообщения и правила применения. - [ipados-design-guidelines](https://affpapa.org/nevibecode/skills/ipados-design-guidelines.md) — скилл · platform-design-skills · Claude Code, Codex, Cursor +3 · 1200 установок — Набор правил Apple Human Interface Guidelines для iPad: адаптивные раскладки, многозадачность, боковая навигация и поддержка указателя. - [tailwind-v4-shadcn](https://affpapa.org/nevibecode/skills/tailwind-v4-shadcn.md) — скилл · secondsky · Claude Code, Codex, Cursor +3 · 8100 установок — Скилл настраивает связку Tailwind CSS v4, shadcn/ui и React в проектах на Vite. - [nano-banana-pro](https://affpapa.org/nevibecode/skills/nano-banana-pro.md) — скилл · intellectronica · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл создаёт и редактирует изображения через Gemini 3 Pro Image API прямо из терминала. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=25 ## Уточнить [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