# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 12 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=12 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [fal-assets](https://affpapa.org/nevibecode/skills/fal-assets.md) — скилл · rehan-remade · Claude Code, Codex, Cursor +3 · 1400 установок — Генерирует спрайты, бесшовные текстуры, PBR-карты, 3D-модели и звуки через API fal. - [ios-hig-design](https://affpapa.org/nevibecode/skills/ios-hig-design.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 8200 установок — Скилл помогает проектировать нативные iOS-интерфейсы в соответствии с Human Interface Guidelines Apple. - [tailwind-4](https://affpapa.org/nevibecode/skills/tailwind-4.md) — скилл · prowler-cloud · Claude Code, Codex, Cursor +3 · 612 установок — Скилл ведёт агента по стилизации на Tailwind CSS 4: что писать в className, когда нужен style, а когда cn(). - [transitions-ui-generation](https://affpapa.org/nevibecode/skills/transitions-ui-generation.md) — скилл · Jakubantalik · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл добавляет анимацию, будто агент строит интерфейс, заголовок или изображение. - [threejs-game-ui-designer](https://affpapa.org/nevibecode/skills/threejs-game-ui-designer.md) — скилл · majidmanzarpour · Claude Code, Codex, Cursor +3 · 3300 установок — Скилл для проектирования игровых интерфейсов на Three.js: HUD, меню, экраны паузы и победы, адаптивная вёрстка для мобильных и десктопа. - [hairline-adopt](https://affpapa.org/nevibecode/skills/hairline-adopt.md) — скилл · lucasmarkes · Claude Code, Codex, Cursor +3 · 1700 установок — Пересобирает иконку или логотип из SVG в изометрическую линейную фигуру на движке @lucasmarkes/hairline, которая реагирует на указатель. - [firecrawl-website-design-clone](https://affpapa.org/nevibecode/skills/firecrawl-website-design-clone.md) — скилл · firecrawl · Claude Code, Codex, Cursor +3 · 33100 установок — Извлекает визуальную систему действующего сайта в DESIGN.md: токены, компоненты, логотип, шрифты и палитру. - [goldie](https://affpapa.org/nevibecode/skills/goldie.md) — скилл · software-mansion-labs · Claude Code, Codex, Cursor +3 · 1300 установок — Скилл собирает скриншоты и превью-видео для App Store и Google Play: проходит по экранам приложения на симуляторе, одевает кадры в рамки и открывает студию со страницей стора. - [cli-anything-krita](https://affpapa.org/nevibecode/skills/cli-anything-krita.md) — скилл · HKUDS · Claude Code, Codex, Cursor +3 · 511 установок — Управляет Krita из командной строки: создаёт проекты, собирает слои, применяет фильтры и выгружает готовый файл. - [top-design](https://affpapa.org/nevibecode/skills/top-design.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 7100 установок — Скилл направляет агента на создание веб-интерфейсов уровня Awwwards с акцентной типографикой, выверенной анимацией и оценкой макета по десятибалльной шкале. - [display-glasses-with-jetpack-compose-glimmer](https://affpapa.org/nevibecode/skills/display-glasses-with-jetpack-compose-glimmer.md) — скилл · Google LLC · Claude Code, Codex, Cursor +3 · 1500 установок — Правила разработки приложений для очков с дисплеем на Jetpack Compose Glimmer: темы, фокус, работа с аддитивным экраном. - [remocn](https://affpapa.org/nevibecode/skills/remocn.md) — скилл · Remocn · Claude Code, Codex, Cursor +3 · 1700 установок — Подбирает и устанавливает готовые анимации, переходы и UI-компоненты для роликов на Remotion. - [html-wireframe](https://affpapa.org/nevibecode/skills/html-wireframe.md) — скилл · plannotator · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл собирает низкодетальные HTML-каркасы экранов, чтобы проверить иерархию информации, навигацию и ход задачи ещё до визуального дизайна. - [html-prototype](https://affpapa.org/nevibecode/skills/html-prototype.md) — скилл · plannotator · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл собирает один самодостаточный HTML-файл: статичный макет или рабочий прототип с состояниями, клавиатурой и адаптивом. - [microinteractions](https://affpapa.org/nevibecode/skills/microinteractions.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 6700 установок — Скилл про микровзаимодействия: состояния кнопок, отклик на ввод, индикаторы загрузки. - [scenes-gathered-zine-v1-3](https://affpapa.org/nevibecode/skills/scenes-gathered-zine-v1-3.md) — скилл · Zeejay0 · Claude Code, Codex, Cursor +3 · 802 установки — Превращает ваше фото в вертикальный постер 3:5 в стиле бумажного коллажа: честная фотография, абстрактная иллюстрация и рваный край бумаги. - [threejs-image-generator](https://affpapa.org/nevibecode/skills/threejs-image-generator.md) — скилл · majidmanzarpour · Claude Code, Codex, Cursor +3 · 2900 установок — Генерирует и редактирует 2D-ассеты для игр на Three.js через Gemini API. - [generative-ui](https://affpapa.org/nevibecode/skills/generative-ui.md) — скилл · himself65 · Claude Code, Codex, Cursor +3 · 3200 установок — Задаёт правила дизайн-системы для интерактивных HTML- и SVG-виджетов. - [design-artifact](https://affpapa.org/nevibecode/skills/design-artifact.md) — скилл · plannotator · Claude Code, Codex, Cursor +3 · 1700 установок — Набор правил для генерации аккуратных HTML-документов и отчётов. - [user-story-mapping](https://affpapa.org/nevibecode/skills/user-story-mapping.md) — скилл · deanpeters · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл раскладывает путь пользователя на действия, шаги и задачи, а затем помогает выделить части для релизов. - [lean-ux-canvas](https://affpapa.org/nevibecode/skills/lean-ux-canvas.md) — скилл · deanpeters · Claude Code, Codex, Cursor +3 · 2700 установок — Помогает продуктовым командам разобрать бизнес-проблему по канвасу Jeff Gothelf v2, сформулировать гипотезы и спланировать дешёвые проверки до написания кода. - [principle-experience-first](https://affpapa.org/nevibecode/skills/principle-experience-first.md) — скилл · backnotprop · Claude Code, Codex, Cursor +3 · 5100 установок — Скилл-принцип, который смещает приоритет при продуктовых и UX-решениях в сторону пользователя. - [hooked-ux](https://affpapa.org/nevibecode/skills/hooked-ux.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 6200 установок — Разбирает вовлечение и удержание по Hook Model: триггер, действие, награда, инвестиция. - [wpds](https://affpapa.org/nevibecode/skills/wpds.md) — скилл · WordPress · Claude Code, Codex, Cursor +3 · 4000 установок — Скилл подтягивает документацию WordPress Design System через MCP-сервер, чтобы агент собирал интерфейс на настоящих компонентах и токенах, а не по памяти. - [problem-statement](https://affpapa.org/nevibecode/skills/problem-statement.md) — скилл · deanpeters · Claude Code, Codex, Cursor +3 · 2600 установок — Скилл помогает описать проблему с точки зрения пользователя: кто столкнулся с препятствием, чего хочет добиться и как это на него влияет. - [drawio](https://affpapa.org/nevibecode/skills/bahayonghang-drawio.md) — скилл · bahayonghang · Claude Code, Codex, Cursor +3 · 8500 установок — Создаёт и редактирует диаграммы draw.io через спецификации на YAML. - [clerk-custom-ui](https://affpapa.org/nevibecode/skills/clerk-custom-ui.md) — скилл · clerk · Claude Code, Codex, Cursor +3 · 55200 установок — Скилл по Clerk: агент собирает свою форму входа на хуках useSignIn и useSignUp либо перекрашивает готовые компоненты под бренд. - [visual-plan](https://affpapa.org/nevibecode/skills/visual-plan.md) — скилл · BuilderIO · Claude Code, Codex, Cursor +3 · 1300 установок — Превращает обычный текстовый план в документ с диаграммами, картой файлов и открытыми вопросами, который можно листать и комментировать до начала работы. - [influence-psychology](https://affpapa.org/nevibecode/skills/influence-psychology.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 5800 установок — Скилл оценивает тексты, онбординг и интерфейсы по 7 принципам этичного убеждения Чалдини, выставляя оценку по шкале до 10 баллов. - [design-everyday-things](https://affpapa.org/nevibecode/skills/design-everyday-things.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 5600 установок — Скилл разбирает интерфейс по принципам из «Дизайна привычных вещей»: аффордансы, сигнификаторы, ограничения, обратная связь. - [videoagent-image-studio](https://affpapa.org/nevibecode/skills/videoagent-image-studio.md) — скилл · wells · Claude Code, Codex, Cursor +3 · 5600 установок — Скилл даёт доступ к Midjourney, Flux, Ideogram и ещё пяти моделям через один интерфейс, без необходимости хранить API-ключи. - [gpt-image-2](https://affpapa.org/nevibecode/skills/gpt-image-2.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 84300 установок — Генерирует и редактирует изображения через OpenAI GPT Image 2 на RunComfy. - [shaders](https://affpapa.org/nevibecode/skills/shaders.md) — скилл · shader-effects-inc · Claude Code, Codex, Cursor +3 · 548 установок — Скилл для WebGPU-эффектов: анимированные фоны, градиенты, стекло, искажения и частицы из компонентов shaders в React, Vue, Svelte, Solid или чистом JS. - [lean-ux](https://affpapa.org/nevibecode/skills/lean-ux.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 5500 установок — Переводит работу над интерфейсом в допущения, гипотезы и дешёвые эксперименты. - [logo-creator](https://affpapa.org/nevibecode/skills/logo-creator.md) — скилл · ReScienceLab · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл создаёт варианты логотипа через генерацию изображений, помогает выбрать направление и подготовить финальные файлы. - [beautify-github-readme](https://affpapa.org/nevibecode/skills/beautify-github-readme.md) — скилл · oil-oil · Claude Code, Codex, Cursor +3 · 1200 установок — Перерабатывает README на GitHub или создаёт отдельные визуальные материалы для него: SVG, PNG/WebP и GIF по запросу. - [proto-persona](https://affpapa.org/nevibecode/skills/proto-persona.md) — скилл · deanpeters · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл собирает рабочий профиль целевого пользователя из исследований, рыночных сигналов и знаний команды. - [guizang-material-illustration](https://affpapa.org/nevibecode/skills/guizang-material-illustration.md) — скилл · op7418 · Claude Code, Codex, Cursor +3 · 1700 установок — Создаёт промпты и 3D-иллюстрации в стиле Guizang по тексту, отчётам или графикам. - [revenue-centric-design](https://affpapa.org/nevibecode/skills/revenue-centric-design.md) — скилл · heliocosta-dev · Claude Code, Codex, Cursor +3 · 2000 установок — Помогает проектировать SaaS-продукты с учётом конверсии, удержания и монетизации. - [bklit-ui](https://affpapa.org/nevibecode/skills/bklit-ui.md) — скилл · bklit · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл подключает графики Bklit UI в React и Next.js: ставит компоненты из реестра @bklit и показывает, как собрать серию с осями и тултипом. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=13 ## Уточнить [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