# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 4 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=4 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [ios-icon-gen](https://affpapa.org/nevibecode/skills/ios-icon-gen.md) — скилл · affaan-m · Claude Code, Codex, Cursor +3 · 4500 установок — Генерирует готовые наборы иконок .imageset для каталогов ассетов Xcode через SF Symbols или Iconify API с масштабными сетками 1x, 2x и 3x. - [web-design-reviewer](https://affpapa.org/nevibecode/skills/web-design-reviewer.md) — скилл (официальный GitHub) · github · GitHub Copilot · 13957 установок — Скилл осматривает работающий сайт, находит проблемы с вёрсткой, адаптивностью и доступностью, а затем может исправить их в исходном коде. - [better-layout](https://affpapa.org/nevibecode/skills/better-layout.md) — скилл · jakubkrehel · Claude Code, Codex, Cursor +3 · 30800 установок — Скилл проверяет и правит группировку, выравнивание, порядок чтения и адаптивную структуру макета, а потом ломает её ресайзом, переводом и зеркалированием под RTL. - [better-interface](https://affpapa.org/nevibecode/skills/better-interface.md) — скилл · jakubkrehel · Claude Code, Codex, Cursor +3 · 30000 установок — Проводит сквозной аудит экранов и интерфейсов по правилам доступности, вёрстки, текста, цвета и типографики. - [nature-image2ppt](https://affpapa.org/nevibecode/skills/nature-image2ppt.md) — скилл · Yuan1z0825 · Claude Code, Codex, Cursor +3 · 7400 установок — Пересобирает скриншоты, сканы PDF и растровые слайды в редактируемые презентации PowerPoint с отдельными объектами. - [better-writing](https://affpapa.org/nevibecode/skills/better-writing.md) — скилл · jakubkrehel · Claude Code, Codex, Cursor +3 · 29100 установок — Скилл проверяет и пишет текст интерфейса: ошибки, пустые экраны, кнопки и подсказки. - [penpot-uiux-design](https://affpapa.org/nevibecode/skills/penpot-uiux-design.md) — скилл (официальный GitHub) · github · GitHub Copilot · 12782 установки — Скилл для создания интерфейсов в Penpot через MCP-инструменты: веб, мобайл, дашборды, дизайн-системы. - [transitions-dev](https://affpapa.org/nevibecode/skills/transitions-dev.md) — скилл · Jakubantalik · Claude Code, Codex, Cursor +3 · 20300 установок — Скилл с готовыми CSS-переходами для веб-приложений: модалки, дропдауны, тосты, скелетоны. - [gemini-watermark-remover](https://affpapa.org/nevibecode/skills/gemini-watermark-remover.md) — скилл · GargantuaX · Claude Code, Codex, Cursor +3 · 12900 установок — Удаляет видимые водяные знаки Gemini с локальных картинок через встроенный CLI-скрипт. - [design-is](https://affpapa.org/nevibecode/skills/design-is.md) — скилл · thedotmack · Claude Code, Codex, Cursor +3 · 4200 установок — Скилл проверяет интерфейс по десяти принципам Дитера Рамса, выставляет баллы с доказательствами и готовит промпт для команды /make-plan. - [chakra-ui-builder](https://affpapa.org/nevibecode/skills/chakra-ui-builder.md) — скилл · chakra-ui · Claude Code, Codex, Cursor +3 · 3500 установок — Скилл собирает адаптивные и доступные интерфейсы на Chakra UI v3, подключает библиотеку и настраивает темы. - [hatch-pet](https://affpapa.org/nevibecode/skills/hatch-pet.md) — скилл (официальный OpenAI) · openai · Claude Code, Codex, Cursor +3 · 3300 установок — Создаёт и упаковывает анимированных питомцев и спрайт-листы для Codex. - [winui-app](https://affpapa.org/nevibecode/skills/winui-app.md) — скилл (официальный OpenAI) · openai · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл помогает создавать, настраивать и проверять приложения WinUI 3 на C# с Windows App SDK. - [frontend-design](https://affpapa.org/nevibecode/skills/bytedance-frontend-design.md) — скилл · bytedance · Claude Code, Codex, Cursor +3 · 3700 установок — Скилл задаёт агенту направление в дизайне до того, как он напишет код. - [text-to-lottie](https://affpapa.org/nevibecode/skills/text-to-lottie.md) — скилл · diffusionstudio · Claude Code, Codex, Cursor +3 · 10700 установок — Генерирует, редактирует и чинит анимации Lottie JSON для локального плеера Skia Skottie. - [nano-banana-pro-openrouter](https://affpapa.org/nevibecode/skills/nano-banana-pro-openrouter.md) — скилл (официальный GitHub) · github · GitHub Copilot · 9910 установок — Создаёт и редактирует изображения через OpenRouter с моделью Gemini 3 Pro Image. - [shadcn-svelte](https://affpapa.org/nevibecode/skills/shadcn-svelte.md) — скилл · huntabyte · Claude Code, Codex, Cursor +3 · 6700 установок — Скилл помогает работать с shadcn-svelte: добавлять компоненты, составлять интерфейсы, исправлять стили и отлаживать проекты. - [plantuml-ascii](https://affpapa.org/nevibecode/skills/plantuml-ascii.md) — скилл (официальный GitHub) · github · GitHub Copilot · 9740 установок — Создаёт текстовые диаграммы PlantUML для терминала, README и документации без изображений. - [image-manipulation-image-magick](https://affpapa.org/nevibecode/skills/image-manipulation-image-magick.md) — скилл (официальный GitHub) · github · GitHub Copilot · 9723 установки — Обрабатывает изображения через ImageMagick: меняет размеры, конвертирует форматы и читает метаданные. - [motion-design](https://affpapa.org/nevibecode/skills/motion-design.md) — скилл · LottieFiles · Claude Code, Codex, Cursor +3 · 19900 установок — Скилл помогает проектировать анимации интерфейса: выбирать длительность, easing и последовательность движения. - [extract-design-system](https://affpapa.org/nevibecode/skills/extract-design-system.md) — скилл · arvindrk · Claude Code, Codex, Cursor +3 · 130700 установок — Скилл находит базовые токены дизайна на веб-странице и создаёт начальные файлы tokens.json и tokens.css. - [figma-generate-design](https://affpapa.org/nevibecode/skills/openai-figma-generate-design.md) — скилл (официальный OpenAI) · openai · Claude Code, Codex, Cursor +3 · 2900 установок — Собирает и обновляет целые экраны в Figma из кода или описания, используя опубликованную дизайн-систему, а не нарисованные с нуля прямоугольники. - [figma-create-design-system-rules](https://affpapa.org/nevibecode/skills/figma-create-design-system-rules.md) — скилл (официальный OpenAI) · openai · Claude Code, Codex, Cursor +3 · 2900 установок — Генерирует правила дизайн-системы для кодовой базы при переносе макетов из Figma. - [shadcn-vue](https://affpapa.org/nevibecode/skills/shadcn-vue.md) — скилл · unovue · Claude Code, Codex, Cursor +3 · 5800 установок — Настраивает агента на правила shadcn-vue: добавление компонентов через CLI, вёрстка форм через FieldGroup, запрет space-y и строгие токены Tailwind. - [mobile-android-design](https://affpapa.org/nevibecode/skills/mobile-android-design.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 24847 установок — Скилл помогает проектировать нативные Android-интерфейсы на Material Design 3 и Jetpack Compose. - [power-bi-report-design-consultation](https://affpapa.org/nevibecode/skills/power-bi-report-design-consultation.md) — скилл (официальный GitHub) · github · GitHub Copilot · 9390 установок — Скилл помогает спроектировать Power BI-отчёт: выбрать визуализации, продумать структуру страниц и учесть аудиторию. - [design-critique](https://affpapa.org/nevibecode/skills/design-critique.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 5300 установок — Скилл проводит структурированный разбор интерфейса по критериям доступности, визуальной иерархии и удобства. - [design-mobile-apps](https://affpapa.org/nevibecode/skills/design-mobile-apps.md) — скилл · designed-by-ai · Claude Code, Codex, Cursor +3 · 1000000 установок — Генерирует экраны мобильных приложений через сервис Sleek и помогает перенести готовый макет в React Native или HTML. - [mobile-ios-design](https://affpapa.org/nevibecode/skills/mobile-ios-design.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 23659 установок — Помогает проектировать нативные интерфейсы iOS и писать SwiftUI-вью по Apple HIG. - [fluentui-blazor](https://affpapa.org/nevibecode/skills/fluentui-blazor.md) — скилл (официальный GitHub) · github · GitHub Copilot · 9000 установок — Скилл подсказывает, как подключать Microsoft Fluent UI Blazor и собирать интерфейсы из Fluent-компонентов. - [legacy-circuit-mockups](https://affpapa.org/nevibecode/skills/legacy-circuit-mockups.md) — скилл (официальный GitHub) · github · GitHub Copilot · 8900 установок — Создаёт макеты схем на макетной плате с помощью HTML5 Canvas. - [figma-generate-library](https://affpapa.org/nevibecode/skills/openai-figma-generate-library.md) — скилл (официальный OpenAI) · openai · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл для синхронизации дизайн-системы Figma с кодовой базой. - [figma-code-connect-components](https://affpapa.org/nevibecode/skills/openai-figma-code-connect-components.md) — скилл (официальный OpenAI) · openai · Claude Code, Codex, Cursor +3 · 2700 установок — Связывает опубликованные компоненты из Figma с кодом проекта через Figma Code Connect. - [figma-create-new-file](https://affpapa.org/nevibecode/skills/figma-create-new-file.md) — скилл (официальный OpenAI) · Figma · Codex, ChatGPT · 6 установок — Создаёт пустые файлы Figma, FigJam или Slides в черновиках нужной команды. - [interface-review](https://affpapa.org/nevibecode/skills/interface-review.md) — скилл · jakubkrehel · Claude Code, Codex, Cursor +3 · 18500 установок — Проверяет ветки, пулл-реквесты и незакоммиченные правки на дефекты UI, вёрстки, типографики и доступности. - [react-vite-dashboard](https://affpapa.org/nevibecode/skills/react-vite-dashboard.md) — скилл (официальный Google) · google-labs-code · Claude Code, Codex, Cursor +3 · 5500 установок — Скилл превращает макеты из Stitch в рабочий код дашборда на React и Vite. - [ux-copy](https://affpapa.org/nevibecode/skills/ux-copy.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 4600 установок — Скилл пишет и проверяет тексты интерфейса: от кнопок до сообщений об ошибках. - [image-generation](https://affpapa.org/nevibecode/skills/bytedance-image-generation.md) — скилл · bytedance · Claude Code, Codex, Cursor +3 · 2900 установок — Формирует структурированные JSON-промпты для генерации изображений и запускает готовый Python-скрипт с поддержкой референсов. - [responsive-design](https://affpapa.org/nevibecode/skills/responsive-design.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 20956 установок — Помогает строить адаптивные интерфейсы с mobile-first стилями, container queries и fluid-значениями. - [ui-ux-pro-max](https://affpapa.org/nevibecode/skills/nexu-io-ui-ux-pro-max.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 5400 установок — Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=5 ## Уточнить [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