# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 22 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=22 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [critique-information-density](https://affpapa.org/nevibecode/skills/critique-information-density.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл разбирает готовый экран по плотности информации: когнитивная нагрузка, приоритеты контента, паттерны сканирования и постепенное раскрытие. - [research-repository](https://affpapa.org/nevibecode/skills/research-repository.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Помогает спроектировать базу исследовательских инсайтов и систему тегов, чтобы продуктовые выводы накапливались, а не терялись в папках со звонками. - [doherty-threshold](https://affpapa.org/nevibecode/skills/doherty-threshold.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл задаёт пороги отклика для интерфейсов и подсказывает, какую обратную связь показать во время ожидания. - [content-strategy](https://affpapa.org/nevibecode/skills/owl-listener-content-strategy.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Помогает решить, какой контент нужен продукту, где он лежит и кто за него отвечает. - [millers-law](https://affpapa.org/nevibecode/skills/millers-law.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Разбивает интерфейс на смысловые группы примерно по четыре элемента под ограничения рабочей памяти. - [design-system-governance](https://affpapa.org/nevibecode/skills/design-system-governance.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл описывает, как дизайн-система меняется: кто владеет, кто предлагает правки, как версионировать и что выводить из обращения. - [design-debt-audit](https://affpapa.org/nevibecode/skills/design-debt-audit.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Разбирает накопленные несоответствия в интерфейсе по категориям и выдаёт план правок с приоритетами. - [von-restorff-effect](https://affpapa.org/nevibecode/skills/von-restorff-effect.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл учит агента выделять главное целевое действие в интерфейсе за счёт эффекта изоляции. - [hicks-law](https://affpapa.org/nevibecode/skills/hicks-law.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл применяет закон Хика: время решения растёт с числом одновременных вариантов. - [fitts-law](https://affpapa.org/nevibecode/skills/fitts-law.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл для ИИ-агента, который подсказывает размеры и расположение кнопок по закону Фиттса. - [readable-measure](https://affpapa.org/nevibecode/skills/readable-measure.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Задаёт оптимальную длину строки текста для экранов и брейкпоинтов. - [localization-design](https://affpapa.org/nevibecode/skills/localization-design.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Помогает проектировать интерфейсы для разных языков, направлений письма и культурных норм до появления переводов. - [law-of-common-region](https://affpapa.org/nevibecode/skills/law-of-common-region.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл по гештальт-принципу общей области: подсказывает, когда объединять элементы рамкой, фоном или карточкой, а не одним отступом. - [survey-design](https://affpapa.org/nevibecode/skills/survey-design.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Помогает составлять нейтральные анкеты, подбирать шкалы оценок и рассчитывать выборку. - [law-of-proximity](https://affpapa.org/nevibecode/skills/law-of-proximity.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1800 установок — Применяет закон близости в интерфейсах: расстояния показывают связь элементов без рамок и подписей. - [search-ux](https://affpapa.org/nevibecode/skills/search-ux.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1800 установок — Помогает агенту проектировать поиск: ввод запроса, подсказки, фильтры, выдача и пустой результат. - [onboarding-design](https://affpapa.org/nevibecode/skills/onboarding-design.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1800 установок — Помогает спроектировать первый сеанс пользователя: путь к активации и сценарии пустых экранов. - [claude-typer](https://affpapa.org/nevibecode/skills/claude-typer.md) — скилл · vibe-motion · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл превращает текст промпта в ролик, где строка печатается сама в окне в стиле Claude, и отдаёт путь к готовому .mov в текущей папке. - [claude-design](https://affpapa.org/nevibecode/skills/claude-design.md) — скилл · jiji262 · Claude Code, Codex, Cursor +3 · 2200 установок — Скилл для генерации дизайн-артефактов в HTML: лендинги, слайды, прототипы, постеры и вайрфреймы. - [jury](https://affpapa.org/nevibecode/skills/jury.md) — скилл · juliobsz · Claude Code, Codex, Cursor +3 · 911 установок — Снимает скриншоты всех типов страниц, замеряет LCP, CLS, FPS и доступность, потом отдельный критик выставляет баллы и список правок. - [SVG Logo Designer](https://affpapa.org/nevibecode/skills/svg-logo-designer.md) — скилл · rknall · Claude Code, Codex, Cursor +3 · 8200 установок — Скилл собирает SVG-логотипы по описанию бренда: несколько концепций, раскладок и цветовых версий. - [prototype-prompt-generator](https://affpapa.org/nevibecode/skills/prototype-prompt-generator.md) — скилл · stellarlinkco · Claude Code, Codex, Cursor +3 · 393 установки — Скилл превращает требования к интерфейсу в подробный технический промпт для генерации HTML, CSS или React-прототипов. - [critique-color](https://affpapa.org/nevibecode/skills/critique-color.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1600 установок — Скилл разбирает цветовую схему одного экрана: измеряет контрастность текста и кнопок, проверяет палитру на лишние hex-значения и следит за доступностью интерфейса. - [styleseed](https://affpapa.org/nevibecode/skills/styleseed.md) — скилл · bitjaru · Claude Code, Codex, Cursor +3 · 570 установок — Скилл для работы с интерфейсом: сборка, правка и проверка UI с сохранением уже принятых в проекте дизайн-решений. - [animate-text](https://affpapa.org/nevibecode/skills/animate-text.md) — скилл · pixel-point · Claude Code, Codex, Cursor +3 · 2700 установок — Каталог из 24 готовых спецификаций текстовых анимаций: агент выбирает эффект по имени и переносит его в GSAP, Motion, CSS или WAAPI. - [paper-poster-html](https://affpapa.org/nevibecode/skills/paper-poster-html.md) — скилл · wanshuiyin · Claude Code, Codex, Cursor +3 · 311 установок — Собирает постер для научных конференций в виде одного HTML-файла и выгружает в печатный PDF через Chromium. - [procedural-fish-render](https://affpapa.org/nevibecode/skills/procedural-fish-render.md) — скилл · vibe-motion · Claude Code, Codex, Cursor +3 · 1000 установок — Автоматизирует запуск Remotion для экспорта процедурной анимации рыбы в видеофайл через проектный скрипт. - [Agentic UX Design - Relationship-Centric Interfaces](https://affpapa.org/nevibecode/skills/agentic-ux-design-relationship-centric-interfaces.md) — скилл · bencium · Claude Code, Codex, Cursor +3 · 3300 установок — Направляет проектирование ИИ-интерфейсов вокруг памяти, динамики доверия и совместных планов, а не разовых экранов. - [renaissance-architecture](https://affpapa.org/nevibecode/skills/renaissance-architecture.md) — скилл · bencium · Claude Code, Codex, Cursor +3 · 3300 установок — Скилл для проектирования функций и интерфейсов: подталкивает агента к первым принципам вместо «X, но для Y». - [kicad](https://affpapa.org/nevibecode/skills/kicad.md) — скилл · aklofas · Claude Code, Codex, Cursor +3 · 1100 установок — Анализирует проекты KiCad версий 5–10 и схемы в PDF, сверяет трассировку и проверяет плату перед заказом на производстве. - [image-to-code](https://affpapa.org/nevibecode/skills/plugin87-image-to-code.md) — скилл · plugin87 · Claude Code, Codex, Cursor +3 · 719 установок — Переносит макеты и скриншоты интерфейсов в код дизайн-системы на дизайн-токенах DTCG с проверкой контрастности и доступности. - [ios-design-guidelines](https://affpapa.org/nevibecode/skills/ios-design-guidelines.md) — скилл · platform-design-skills · Claude Code, Codex, Cursor +3 · 1900 установок — Проверяет интерфейсы iPhone по правилам Apple HIG при создании и рефакторинге SwiftUI или UIKit. - [interfaces-that-feel](https://affpapa.org/nevibecode/skills/interfaces-that-feel.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл для оценки интерфейса, который работает правильно, но ощущается холодным. - [critique-affordance](https://affpapa.org/nevibecode/skills/critique-affordance.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1600 установок — Анализирует готовый экран на понятность интерфейса: проверяет кликабельность элементов, видимость состояний и читаемость главного CTA. - [ux-audit](https://affpapa.org/nevibecode/skills/ux-audit.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл проверяет веб-приложение через реальные действия в браузере и ищет ошибки поведения, доступности и отображения. - [web-asset-generator](https://affpapa.org/nevibecode/skills/web-asset-generator.md) — скилл · alonw0 · Claude Code, Codex, Cursor +3 · 933 установки — Генерирует фавиконки, PWA-иконки и мета-картинки Open Graph по логотипу, эмодзи или тексту. - [ui-ux-pro-max](https://affpapa.org/nevibecode/skills/galaxy-dawn-ui-ux-pro-max.md) — скилл · Galaxy-Dawn · Claude Code, Codex, Cursor +3 · 506 установок — Превращает расплывчатое «сделай красиво» в конкретную дизайн-систему: палитра, типографика, правила компонентов и подсказки под ваш стек. - [ruler-progress-render](https://affpapa.org/nevibecode/skills/ruler-progress-render.md) — скилл · vibe-motion · Claude Code, Codex, Cursor +3 · 958 установок — Загружает проект ruler-progress-animator и рендерит шкалу прогресса через Remotion. - [icon-retrieval](https://affpapa.org/nevibecode/skills/icon-retrieval.md) — скилл · antvis · Claude Code, Codex, Cursor +3 · 1600 установок — Ищет иконки по ключевому слову через HTTP API и вытаскивает их SVG-разметку запросом curl. - [business-design](https://affpapa.org/nevibecode/skills/business-design.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1400 установок — Помогает дизайнеру читать P&L, разбирать конкурентов и объяснять решения метриками, когда их оспаривает PM или CFO. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=23 ## Уточнить [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