# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 29 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=29 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [app-ui-design](https://affpapa.org/nevibecode/skills/app-ui-design.md) — скилл · majiayu000 · Claude Code, Codex, Cursor +3 · 636 установок — Скилл для проектирования интерфейсов iOS и Android: дизайн-системы, доступность, гайдлайны платформ. - [brand-style-guide](https://affpapa.org/nevibecode/skills/brand-style-guide.md) — скилл · rampstackco · Claude Code, Codex, Cursor +3 · 391 установка — Собирает или проверяет брендбук по восьми разделам: история, логотип, цвет, типографика, изображения, голос, применения, запреты. - [emilkowal-animations](https://affpapa.org/nevibecode/skills/emilkowal-animations.md) — скилл · pproenca · Claude Code, Codex, Cursor +3 · 2800 установок — Набор из 58 правил веб-анимации на базе подходов Эмиля Ковальски для React и CSS. - [design-game](https://affpapa.org/nevibecode/skills/design-game.md) — скилл · OpusGameLabs · Claude Code, Codex, Cursor +3 · 1400 установок — Проводит аудит визуала и игрового ощущения готовой игры, ставит оценки по областям и вносит правки: фон, частицы, анимации, типографика. - [audit](https://affpapa.org/nevibecode/skills/educlopez-audit.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 929 установок — Проводит технический аудит интерфейса: доступность, производительность, адаптивность. - [frontend-enhancer](https://affpapa.org/nevibecode/skills/frontend-enhancer.md) — скилл · ailabs-393 · Claude Code, Codex, Cursor +3 · 968 установок — Скилл для Next.js: готовые компоненты, палитры, анимации и шаблоны секций. - [ui-craft-minimal](https://affpapa.org/nevibecode/skills/ui-craft-minimal.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 903 установки — Настраивает агента на вёрстку минималистичных интерфейсов в духе Linear, Notion и Vercel. - [vocabulary](https://affpapa.org/nevibecode/skills/vocabulary.md) — скилл · index-how · Claude Code, Codex, Cursor +3 · 1100 установок — Обратный словарь по дизайну и интерфейсам: помогает подобрать точный термин для элемента UI, формулировки в спецификации или коммите. - [ui-craft-editorial](https://affpapa.org/nevibecode/skills/ui-craft-editorial.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 898 установок — Скилл настраивает журнальную типографику для блогов, лонгридов и медиа. - [colorize](https://affpapa.org/nevibecode/skills/colorize.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 890 установок — Скилл добавляет один акцент в 3–5 местах интерфейса или убирает лишний цвет, возвращая экран к нейтральной основе. - [video-character-design](https://affpapa.org/nevibecode/skills/video-character-design.md) — скилл · agentara · Claude Code, Codex, Cursor +3 · 353 установки — Создаёт спецификацию и чарсет персонажа для раскадровок и генерации видео. - [heuristic](https://affpapa.org/nevibecode/skills/heuristic.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 881 установка — Прогоняет интерфейс по 10 эвристикам Нильсена и 6 законам дизайна, выдаёт таблицу находок и балл UsabilityScore от 0 до 100. - [frontend-visual-qa](https://affpapa.org/nevibecode/skills/frontend-visual-qa.md) — скилл · daymade · Claude Code, Codex, Cursor +3 · 572 установки — Проверяет уже отрендеренный интерфейс в реальном браузере: типографику, переполнение, адаптив, маршруты, графики. - [shiny-bslib-theming](https://affpapa.org/nevibecode/skills/shiny-bslib-theming.md) — скилл · Garrick Aden-Buie (@gadenbuie) · Claude Code, Codex, Cursor +3 · 750 установок — Скилл для оформления Shiny-приложений через bslib и Bootstrap 5: пресеты, цвета, шрифты, тёмный режим и живую подстройку темы. - [shape](https://affpapa.org/nevibecode/skills/shape.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 867 установок — Скилл прогоняет экран через вайрфрейм-проход: ASCII-раскладка, список состояний, инвентарь контента и открытые вопросы — до первой строки кода. - [frontend-design](https://affpapa.org/nevibecode/skills/cline-frontend-design.md) — скилл · cline · Claude Code, Codex, Cursor +3 · 7300 установок — Скилл задаёт агенту смелое визуальное направление и заставляет доводить код до продакшн-уровня. - [tokens](https://affpapa.org/nevibecode/skills/tokens.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 855 установок — Проверяет, как в проекте устроены дизайн-токены, и помогает собрать трёхслойную систему с нуля. - [superwall-editor](https://affpapa.org/nevibecode/skills/superwall-editor.md) — скилл · superwall · Claude Code, Codex, Cursor +3 · 3600 установок — Скилл для сборки и правки пейволов, онбординга и web2app-сценариев Superwall прямо из терминала. - [reference-to-motion](https://affpapa.org/nevibecode/skills/reference-to-motion.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 917 установок — Разбирает видео и референсы стиля, чтобы собрать готовый промпт для Claude Motion с таймингами сцен под ваш бренд. - [finalize](https://affpapa.org/nevibecode/skills/finalize.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 852 установки — Прогоняет интерфейс через детектор, токены и 10 проходов планки качества, а потом выдаёт вердикт: READY, NOT READY или BLOCKED. - [brief](https://affpapa.org/nevibecode/skills/educlopez-brief.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 851 установка — Создаёт или обновляет дизайн-бриф проекта в файле .ui-craft/brief.md. - [ux-extract](https://affpapa.org/nevibecode/skills/ux-extract.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 664 установки — Обходит эталонное веб-приложение экран за экраном, снимает состояния и собирает библиотеку UX-паттернов, с которой потом сравнивают свою сборку. - [game-ui-frontend](https://affpapa.org/nevibecode/skills/game-ui-frontend.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 98 установок — Скилл помогает проектировать интерфейсы браузерных игр: HUD, меню и оверлеи. - [ux-compare](https://affpapa.org/nevibecode/skills/ux-compare.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 647 установок — Читает библиотеки паттернов от ux-extract и собирает документ со сравнением: где приложения совпадают, где расходятся и что делать в новом билде. - [chatbot-flow-design](https://affpapa.org/nevibecode/skills/chatbot-flow-design.md) — скилл · rampstackco · Claude Code, Codex, Cursor +3 · 339 установок — Помогает проектировать логику диалогов для сайтовых ботов и агентов. - [checklist-design](https://affpapa.org/nevibecode/skills/checklist-design.md) — скилл · Checklist Design · Claude Code, Codex, Cursor +3 · 1100 установок — Проверяет интерфейсы сайтов и мобильных приложений по сотне чек-листов Checklist Design. - [frontend-design](https://affpapa.org/nevibecode/skills/ilm-alan-frontend-design.md) — скилл · Ilm-Alan · Claude Code, Codex, Cursor +3 · 580 установок — Скилл задаёт визуальное направление вёрстки: палитра, шрифты, структура и текстура держатся одного стиля от начала до конца. - [Illustrator](https://affpapa.org/nevibecode/skills/illustrator.md) — скилл · SFKislev · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл помогает управлять Adobe Illustrator прямо из терминала через мост Flue. - [Photoshop](https://affpapa.org/nevibecode/skills/photoshop.md) — скилл · SFKislev · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл даёт агенту доступ внутрь Adobe Photoshop: посмотреть открытый документ, слои и выделение, внести правки через ExtendScript. - [cinematography](https://affpapa.org/nevibecode/skills/cinematography.md) — скилл · fal-ai-community · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл помогает составлять технически точные промпты для генерации фото и видео через CLI-утилиту genmedia. - [motion-prompt-writer](https://affpapa.org/nevibecode/skills/motion-prompt-writer.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 851 установка — Составляет готовый бриф из 8 частей для генерации зацикленной моушн-графики под ваш бренд. - [canghe-image-gen](https://affpapa.org/nevibecode/skills/canghe-image-gen.md) — скилл · freestylefly · Claude Code, Codex, Cursor +3 · 594 установки — Скилл для генерации картинок через OpenAI, Google, DashScope и Canghe. - [mies](https://affpapa.org/nevibecode/skills/mies.md) — скилл · deeflect · Claude Code, Codex, Cursor +3 · 9600 установок — Скилл для ИИ-кодинга, который заставляет агента убирать лишнее в интерфейсах и доводить детали до аккуратности. - [apple-hig-designer](https://affpapa.org/nevibecode/skills/apple-hig-designer.md) — скилл · jamesrochabrun · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл помогает создавать интерфейсы iOS для iPhone, iPad и Apple Watch по стандартам Apple HIG. - [email-html-mjml](https://affpapa.org/nevibecode/skills/email-html-mjml.md) — скилл · Framix · Claude Code, Codex, Cursor +3 · 947 установок — Скилл собирает адаптивные шаблоны писем на MJML 5.x и компилирует их в HTML, который переживает Outlook и Gmail. - [design-better](https://affpapa.org/nevibecode/skills/design-better.md) — скилл · BuilderOS · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл для ИИ-агентов, который добавляет к генерации и ревью интерфейса правила UX/UI: иерархия, состояния, доступность, анимация. - [elite-powerpoint-designer](https://affpapa.org/nevibecode/skills/elite-powerpoint-designer.md) — скилл · willem4130 · Claude Code, Codex, Cursor +3 · 5300 установок — Скилл превращает markdown и текст в слайды PowerPoint с типографикой, сеткой и анимациями по одному из пяти брендовых стилей. - [design-system](https://affpapa.org/nevibecode/skills/rampstackco-design-system.md) — скилл · rampstackco · Claude Code, Codex, Cursor +3 · 311 установок — Собирает или проверяет дизайн-систему: токены, библиотеку компонентов, правила именования, модель контрибуции и документацию. - [framer-motion](https://affpapa.org/nevibecode/skills/framer-motion.md) — скилл · Mindrally · Claude Code, Codex, Cursor +3 · 3000 установок — Задаёт агенту правила анимаций на Motion: что анимировать, а что ломает раскладку. - [canghe-xhs-images](https://affpapa.org/nevibecode/skills/canghe-xhs-images.md) — скилл · freestylefly · Claude Code, Codex, Cursor +3 · 569 установок — Разбивает материал на серию инфографик для Xiaohongshu с выбором визуального стиля и структуры. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=30 ## Уточнить [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