# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 34 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=34 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [webflow-cli:designer-extension](https://affpapa.org/nevibecode/skills/webflow-clidesigner-extension.md) — скилл · webflow · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл ведёт агента по всему циклу работы с Designer Extensions в Webflow: выбор шаблона, инициализация проекта, локальный сервер и сборка бандла. - [webflow-cli:code-component](https://affpapa.org/nevibecode/skills/webflow-clicode-component.md) — скилл · webflow · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл настраивает React-проект, проверяет сборку компонентов и публикует их в Webflow Designer через Webflow CLI. - [webflow-cli:devlink](https://affpapa.org/nevibecode/skills/webflow-clidevlink.md) — скилл · webflow · Claude Code, Codex, Cursor +3 · 998 установок — Выгружает компоненты Webflow Designer в код React и Next.js, синхронизирует правки дизайна и показывает, что изменилось после каждого sync. - [21st-ai](https://affpapa.org/nevibecode/skills/21st-ai.md) — скилл · 21st-dev · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл для генерации и правки UI через CLI 21st: набросать варианты по промпту, посмотреть их в браузере и забрать код в проект. - [ui-design-review](https://affpapa.org/nevibecode/skills/ui-design-review.md) — скилл · mastepanoski · Claude Code, Codex, Cursor +3 · 1100 установок — Разбирает интерфейс по десяти дизайн-измерениям: типографика, цвет, отступы, иерархия, консистентность. - [nielsen-usability-heuristics](https://affpapa.org/nevibecode/skills/nielsen-usability-heuristics.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 976 установок — Оценивает интерфейсы и текст ошибок по 10 эвристикам Нильсена. - [hig-components-layout](https://affpapa.org/nevibecode/skills/hig-components-layout.md) — скилл · raintree-technology · Claude Code, Codex, Cursor +3 · 684 установки — Скилл помогает спроектировать навигацию и вёрстку для приложений под платформы Apple по правилам Human Interface Guidelines. - [hig-patterns](https://affpapa.org/nevibecode/skills/hig-patterns.md) — скилл · raintree-technology · Claude Code, Codex, Cursor +3 · 685 установок — Скилл с паттернами взаимодействия из Apple Human Interface Guidelines: онбординг, загрузка, модальные окна, уведомления, поиск. - [appbuilder-ui-scaffolder](https://affpapa.org/nevibecode/skills/appbuilder-ui-scaffolder.md) — скилл · adobe · Claude Code, Codex, Cursor +3 · 716 установок — Генерирует интерфейсы на React Spectrum для Adobe Experience Cloud Shell и расширений AEM. - [motion](https://affpapa.org/nevibecode/skills/motion.md) — скилл · secondsky · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл по библиотеке Motion для React: подсказывает, как собрать drag-and-drop, scroll-анимации и переходы макета. - [bootstrap](https://affpapa.org/nevibecode/skills/mindrally-bootstrap.md) — скилл · Mindrally · Claude Code, Codex, Cursor +3 · 1200 установок — Задаёт агенту правила работы с Bootstrap: сетка, компоненты, утилиты и валидация форм. - [css](https://affpapa.org/nevibecode/skills/css.md) — скилл · Mindrally · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл задаёт агенту правила вёрстки: Flexbox, Grid, переменные, BEM и порядок в стилях. - [hig-platforms](https://affpapa.org/nevibecode/skills/hig-platforms.md) — скилл · raintree-technology · Claude Code, Codex, Cursor +3 · 666 установок — Скилл помогает адаптировать интерфейс приложений под стандарты Apple HIG для iOS, iPadOS, macOS, tvOS, visionOS и watchOS. - [Skywork Design](https://affpapa.org/nevibecode/skills/skywork-design.md) — скилл · SkyworkAI · Claude Code, Codex, Cursor +3 · 350 установок — Скилл генерирует и редактирует изображения через Skywork Image API: постеры, логотипы, инфографика, правка готовых картинок. - [color-mode-and-theme](https://affpapa.org/nevibecode/skills/color-mode-and-theme.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 926 установок — Помогает выбрать цветовую схему проекта, решить вопрос о поддержке тёмной темы и выстроить токены без сломанного контраста. - [ui-density](https://affpapa.org/nevibecode/skills/ui-density.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 915 установок — Помогает подобрать плотность интерфейса под мобильные экраны, планшеты и десктоп. - [hig-components-controls](https://affpapa.org/nevibecode/skills/hig-components-controls.md) — скилл · raintree-technology · Claude Code, Codex, Cursor +3 · 655 установок — Помогает выбрать правильные элементы ввода и переключатели по гайдлайнам Apple HIG. - [form-design](https://affpapa.org/nevibecode/skills/dembrandt-form-design.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 916 установок — Скилл для проектирования форм: подсказки под полем, плейсхолдеры, валидация и состояние кнопки отправки. - [figma-generate-design](https://affpapa.org/nevibecode/skills/figma-generate-design.md) — скилл (официальный OpenAI) · Figma · Codex, ChatGPT · 33 установки — Собирает или обновляет составные экраны в Figma, используя компоненты и стили дизайн-системы. - [mobile-ux-optimizer](https://affpapa.org/nevibecode/skills/mobile-ux-optimizer.md) — скилл · curiositech · Claude Code, Codex, Cursor +3 · 498 установок — Скилл помогает адаптировать веб-интерфейсы под смартфоны: настраивает safe area, переводит вёрстку на dvh и увеличивает области клика под тач-экраны. - [brand-visual-language](https://affpapa.org/nevibecode/skills/brand-visual-language.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 907 установок — Скилл помогает выбрать радиусы, шрифты и стиль иконок так, чтобы интерфейс читался как одна марка. - [hig-components-dialogs](https://affpapa.org/nevibecode/skills/hig-components-dialogs.md) — скилл · raintree-technology · Claude Code, Codex, Cursor +3 · 647 установок — Скилл подсказывает правила Apple Human Interface Guidelines для модальных окон, алертов, шторок и полей ввода цифр. - [hig-components-menus](https://affpapa.org/nevibecode/skills/hig-components-menus.md) — скилл · raintree-technology · Claude Code, Codex, Cursor +3 · 643 установки — Скилл помогает проектировать меню и кнопки для интерфейсов Apple по правилам Human Interface Guidelines. - [hig-components-content](https://affpapa.org/nevibecode/skills/hig-components-content.md) — скилл · raintree-technology · Claude Code, Codex, Cursor +3 · 641 установка — Подсказывает правила Apple HIG по отображению контента: графикам, сеткам, веб-страницам и карточкам. - [motion-and-storytelling](https://affpapa.org/nevibecode/skills/motion-and-storytelling.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 894 установки — Скилл для проектирования переходов, скролл-анимаций и онбординга. - [apple-ui-designer](https://affpapa.org/nevibecode/skills/apple-ui-designer.md) — скилл · heyman333 · Claude Code, Codex, Cursor +3 · 865 установок — Скилл перерабатывает экраны мобильных приложений под каноны Human Interface Guidelines от Apple. - [hig-components-status](https://affpapa.org/nevibecode/skills/hig-components-status.md) — скилл · raintree-technology · Claude Code, Codex, Cursor +3 · 636 установок — Скилл передаёт агенту правила Apple HIG по индикаторам загрузки и строке состояния. - [fal-redesign](https://affpapa.org/nevibecode/skills/fal-redesign.md) — скилл · fal-ai-community · Claude Code, Codex, Cursor +3 · 394 установки — Скилл создаёт визуальный редизайн существующего сайта или генерирует макет с нуля через fal.ai, выдавая готовый build-spec и токены. - [information-architecture](https://affpapa.org/nevibecode/skills/dembrandt-information-architecture.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 889 установок — Помогает разложить большой интерфейс по полочкам: как называть сущности, строить навигацию и подтверждать необратимые действия. - [modular-scale-typography](https://affpapa.org/nevibecode/skills/modular-scale-typography.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 884 установки — Строит гармоничную типографику на основе единого коэффициента. - [figma-generate-library](https://affpapa.org/nevibecode/skills/figma-generate-library.md) — скилл (официальный OpenAI) · Figma · Codex, ChatGPT · 32 установки — Скилл для построения профессиональной дизайн-системы в Figma на основе кодовой базы. - [algorithmic-color-palette](https://affpapa.org/nevibecode/skills/algorithmic-color-palette.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 887 установок — Скилл выводит полную UI-палитру из одной-двух брендовых красок: состояния, серые с оттенком бренда, семантические цвета. - [hig-components-search](https://affpapa.org/nevibecode/skills/hig-components-search.md) — скилл · raintree-technology · Claude Code, Codex, Cursor +3 · 634 установки — Подсказывает агенту, как устроить поиск, пагинацию и хлебные крошки по гайдлайнам Apple. - [gamification-loops](https://affpapa.org/nevibecode/skills/gamification-loops.md) — скилл · omer-metin · Claude Code, Codex, Cursor +3 · 567 установок — Скилл помогает проектировать баллы, значки, стрики и лидерборды, опираясь на психологию мотивации. - [hig-inputs](https://affpapa.org/nevibecode/skills/hig-inputs.md) — скилл · raintree-technology · Claude Code, Codex, Cursor +3 · 633 установки — Скилл с рекомендациями Apple HIG по способам ввода: жесты, Apple Pencil, клавиатуры, геймпады, указатели, Digital Crown, фокус. - [commercial](https://affpapa.org/nevibecode/skills/commercial.md) — скилл · fal-ai-community · Claude Code, Codex, Cursor +3 · 391 установка — Скилл помогает планировать и запускать генерацию рекламных фото и видеороликов через CLI-утилиту genmedia. - [user-flows-and-guided-paths](https://affpapa.org/nevibecode/skills/user-flows-and-guided-paths.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 879 установок — Скилл помогает проектировать пошаговые сценарии, визарды, экраны онбординга и чекаута. - [design-system](https://affpapa.org/nevibecode/skills/design-system.md) — скилл · Alireza Rezvani · Claude Code · 33 установки — Настраивает фирменный стиль и проверяет контрастность по WCAG 2.2 AA для конвертеров markdown-html. - [responsive-paradigms](https://affpapa.org/nevibecode/skills/responsive-paradigms.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 875 установок — Задаёт для ИИ-агента правила адаптивной вёрстки: делит мобильные, планшетные и десктопные интерфейсы на разные парадигмы взаимодействия, а не просто масштабирует один макет. - [gestalt-ui-organisation](https://affpapa.org/nevibecode/skills/gestalt-ui-organisation.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 879 установок — Скилл раскладывает контролы по принципам гештальта, чтобы пользователь видел, что к чему относится, без чтения подписей. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=35 ## Уточнить [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