# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 11 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=11 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [landing-page-design](https://affpapa.org/nevibecode/skills/elayadesign-landing-page-design.md) — скилл · elayadesign · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл ведёт агента по сборке лендинга: сначала вопросы о продукте и структура страницы, потом жёсткие правила типографики, отступов и фонов. - [kumo-design](https://affpapa.org/nevibecode/skills/kumo-design.md) — скилл · cloudflare · Claude Code, Codex, Cursor +3 · 1500 установок — Гайд по дизайну интерфейсов Cloudflare: задаёт правила вёрстки для Kumo UI, модальных окон, карточек и типографики в панели управления. - [game-ui-ux](https://affpapa.org/nevibecode/skills/game-ui-ux.md) — скилл · gamedev-skills · Claude Code, Codex, Cursor +3 · 9900 установок — Архитектурный скилл для создания адаптивных игровых интерфейсов, стека экранов и навигации с геймпада без покадрового опроса состояния. - [visual-verdict](https://affpapa.org/nevibecode/skills/visual-verdict.md) — скилл · Yeachan-Heo · Claude Code, Codex, Cursor +3 · 901 установка — Скилл сравнивает полученный скриншот интерфейса с референсными изображениями и возвращает JSON-вердикт для следующей итерации правок. - [radix-ui-design-system](https://affpapa.org/nevibecode/skills/radix-ui-design-system.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1300 установок — Скилл помогает создавать дизайн-системы и доступные интерфейсные компоненты на базе примитивов Radix UI без готовых стилей. - [refero-design](https://affpapa.org/nevibecode/skills/refero-design.md) — скилл · referodesign · Claude Code, Codex, Cursor +3 · 12000 установок — Задаёт исследовательский процесс для UI и продуктового дизайна: сначала референсы, затем код. - [preline-theme-generator](https://affpapa.org/nevibecode/skills/preline-theme-generator.md) — скилл · htmlstreamofficial · Claude Code, Codex, Cursor +3 · 1300 установок — Генерирует CSS-темы для Preline UI из цветов бренда или настроения. - [image](https://affpapa.org/nevibecode/skills/vercel-labs-image.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 1500 установок — Превращает JSON-спецификации в SVG и PNG через Satori. - [material-3](https://affpapa.org/nevibecode/skills/material-3.md) — скилл · hamen · Claude Code, Codex, Cursor +3 · 3300 установок — Ведёт ИИ-агента по Material Design 3: динамический цвет, компоненты Jetpack Compose, адаптивная раскладка. - [pinned-comment](https://affpapa.org/nevibecode/skills/pinned-comment.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1300 установок — Готовит закреплённый комментарий для LinkedIn и промпт для изображения в голосе автора. - [pptx-visual-assets](https://affpapa.org/nevibecode/skills/pptx-visual-assets.md) — скилл · kimtth · Claude Code, Codex, Cursor · 2600 установок — Вставляет проверенные изображения, иконки и SVG в редактируемые презентации PPTX с фиксацией прав и точных координат в дюймах. - [image-to-ui](https://affpapa.org/nevibecode/skills/image-to-ui.md) — скилл · UIZZE · Claude Code, Codex, Cursor +3 · 63500 установок — Превратите скриншот, макет или эскиз в рабочий код интерфейса. - [userinterface-wiki](https://affpapa.org/nevibecode/skills/userinterface-wiki.md) — скилл · raphael-salaja · Claude Code, Codex, Cursor +3 · 4500 установок — Справочник из 152 правил UI/UX для веб-интерфейсов. - [anti-ui-slop](https://affpapa.org/nevibecode/skills/anti-ui-slop.md) — скилл (официальный GitHub) · UIZZE · GitHub Copilot · 967 установок — Скилл помогает создавать интерфейсы под конкретный продукт, а не собирать шаблонный UI. - [kill-ai-slop](https://affpapa.org/nevibecode/skills/kill-ai-slop.md) — скилл · yetone · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл находит и убирает визуальные и текстовые штампы, из-за которых сайт выглядит сгенерированным. - [pptx-reference-deck-analysis](https://affpapa.org/nevibecode/skills/pptx-reference-deck-analysis.md) — скилл · kimtth · Claude Code, Codex, Cursor · 2500 установок — Разбирает PPTX в режиме чтения: структуру, тему, типографику, макеты и OOXML. - [pptx-deck-context](https://affpapa.org/nevibecode/skills/pptx-deck-context.md) — скилл · kimtth · Claude Code, Codex, Cursor · 2500 установок — Готовит структуру презентации, фиксирует источники фактов и правила оформления перед генерацией слайдов. - [visual-explainer](https://affpapa.org/nevibecode/skills/visual-explainer.md) — скилл · nicobailon · Claude Code, Codex, Cursor +3 · 755 установок — Генерирует автономные HTML-страницы со схемами, архитектурными обзорами и анимацией процессов. - [frontend-ui-dark-ts](https://affpapa.org/nevibecode/skills/sickn33-frontend-ui-dark-ts.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл помогает создавать тёмные интерфейсы на React, Tailwind CSS и Framer Motion. - [styles](https://affpapa.org/nevibecode/skills/styles.md) — скилл · Google LLC · Claude Code, Codex, Cursor +3 · 2200 установок — Ведёт агента по переводу Android-проекта на экспериментальный Jetpack Compose Styles API: зависимости, тема, кастомные компоненты. - [scroll-craft](https://affpapa.org/nevibecode/skills/scroll-craft.md) — скилл · nateherkai · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл планирует и собирает прокручиваемый лендинг: интервью, порядок секций, эмоциональный пик, объёмный hero и проверка скриншотами. - [cli-anything-drawio](https://affpapa.org/nevibecode/skills/cli-anything-drawio.md) — скилл · HKUDS · Claude Code, Codex, Cursor +3 · 672 установки — Обёртка над Draw.io для командной строки: скилл даёт агенту команды, чтобы собирать схему по шагам и выгружать её в PNG, PDF или SVG. - [api-design-principles](https://affpapa.org/nevibecode/skills/sickn33-api-design-principles.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл для проектирования REST и GraphQL API с нуля: как выстроить архитектуру, версионирование, обработку ошибок и аутентификацию так, чтобы разработчикам было удобно её использовать. - [ux-heuristics](https://affpapa.org/nevibecode/skills/ux-heuristics.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 9400 установок — Скилл проводит эвристический аудит интерфейса: находит места, где пользователь тормозит, ставит оценку серьёзности каждой находке и говорит, что править. - [logo-design](https://affpapa.org/nevibecode/skills/logo-design.md) — скилл · kaankiziltug · Claude Code, Codex, Cursor +3 · 1100 установок — Помогает проектировать векторные логотипы, иконки и айдентику прямо в агенте: от брифа и поиска идей до аудита геометрии SVG и генерации фавиконов. - [sparc-implement](https://affpapa.org/nevibecode/skills/sparc-implement.md) — скилл · ruvnet · Claude Code, Codex, Cursor +3 · 734 установки — Скилл запускает фазы проектирования SPARC: пишет псевдокод алгоритмов, определяет границы модулей и API-контракты, потом генерирует рабочий код. - [web-typography](https://affpapa.org/nevibecode/skills/web-typography.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 9200 установок — Скилл помогает подобрать и настроить шрифты для веб-проекта: от выбора гарнитуры до оптимизации размера, интерлиньяжа и длины строк. - [refactoring-ui](https://affpapa.org/nevibecode/skills/refactoring-ui.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 9200 установок — Скилл проводит аудит интерфейса по правилам визуальной иерархии, отступов и цветов. - [libraries-dev](https://affpapa.org/nevibecode/skills/libraries-dev.md) — скилл · Jakubantalik · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл подбирает и встраивает React-компоненты визуальных эффектов Libraries.dev для интерфейсов с ИИ: от светящихся рамок до аватаров и жидкого металла. - [ai-product](https://affpapa.org/nevibecode/skills/sickn33-ai-product.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 960 установок — Помогает проектировать и оценивать функции с языковыми моделями, поиск по данным и проверяемые ответы. - [create-game-assets](https://affpapa.org/nevibecode/skills/create-game-assets.md) — скилл · gamedev-skills · Claude Code, Codex, Cursor +3 · 7000 установок — Скилл ведёт визуальные ассеты игры от арт-дирекшна и манифеста до проверки альфа-канала и контактного листа. - [shadcn-svelte](https://affpapa.org/nevibecode/skills/vercel-labs-shadcn-svelte.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 1100 установок — Набор из 36 готовых компонентов на Svelte 5 и Tailwind CSS для json-render. - [cli-anything-gimp](https://affpapa.org/nevibecode/skills/cli-anything-gimp.md) — скилл · HKUDS · Claude Code, Codex, Cursor +3 · 617 установок — Скилл даёт агенту интерфейс командной строки для редактирования изображений через Pillow и GIMP. - [photo-abstract-editorial](https://affpapa.org/nevibecode/skills/photo-abstract-editorial.md) — скилл · ZzzLc0405 · Claude Code, Codex, Cursor +3 · 740 установок — Превращает снимок в вертикальный диптих с исходным фото и абстрактной панелью. - [cli-anything-inkscape](https://affpapa.org/nevibecode/skills/cli-anything-inkscape.md) — скилл · HKUDS · Claude Code, Codex, Cursor +3 · 605 установок — Скилл даёт агенту интерфейс командной строки для редактирования векторной графики Inkscape через JSON-проекты и манипуляции с SVG. - [database-schema-designer](https://affpapa.org/nevibecode/skills/softaworks-database-schema-designer.md) — скилл · softaworks · Claude Code, Codex, Cursor +3 · 4300 установок — Скилл проектирует схемы для SQL и NoSQL, продумывает связи, ограничения, индексы и миграции. - [qa-test-planner](https://affpapa.org/nevibecode/skills/qa-test-planner.md) — скилл · softaworks · Claude Code, Codex, Cursor +3 · 4300 установок — Собирает тест-план, ручные тест-кейсы, регрессионный набор и баг-репорт по описанию фичи. - [figma-create-new-file](https://affpapa.org/nevibecode/skills/figma-figma-create-new-file.md) — скилл · figma · Claude Code, Codex, Cursor +3 · 3500 установок — Скилл ведёт агента через MCP-инструмент create_new_file: какой план и тип редактора взять, чтобы новый файл Figma появился там, где нужно. - [web-design-guidelines](https://affpapa.org/nevibecode/skills/web-design-guidelines.md) — скилл · davila7 · Claude Code · 2076 установок — Скилл проверяет файлы интерфейса по актуальным правилам Web Interface Guidelines и выдаёт замечания с указанием файла и строки. - [typeui-fundamentals](https://affpapa.org/nevibecode/skills/typeui-fundamentals.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2200 установок — Скилл задаёт агенту базовые правила UI/UX: визуальную иерархию, 4-пиксельную сетку, типографику и требования доступности WCAG. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=12 ## Уточнить [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