# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 9 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=9 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [imagegen-frontend-mobile](https://affpapa.org/nevibecode/skills/imagegen-frontend-mobile.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1700 установок — Генерирует premium mobile-экраны и флоу для iOS, Android и кросс-платформы с чистой иерархией, читаемым текстом и контролируемой палитрой. - [imagegen-frontend-web](https://affpapa.org/nevibecode/skills/imagegen-frontend-web.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл задаёт арт-дирекшн для генерации референсов веб-дизайна. - [reference-design-contract](https://affpapa.org/nevibecode/skills/reference-design-contract.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1800 установок — Превращает референсы, скриншоты и расплывчатые пожелания в DESIGN.md и план передачи в разработку. - [design-md](https://affpapa.org/nevibecode/skills/hermes-agent-design-md.md) — скилл · Hermes Agent · Claude Code, Codex, Cursor +3 · 523 установки — Скилл помогает создавать и проверять спецификации DESIGN.md с токенами дизайна, а затем экспортировать их в форматы Tailwind и W3C DTCG. - [drawio](https://affpapa.org/nevibecode/skills/jgraph-drawio.md) — скилл · jgraph · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл учит агента рисовать диаграммы draw.io и сохранять их как файлы .drawio, с экспортом в PNG, SVG или PDF. - [engineering-drawing](https://affpapa.org/nevibecode/skills/engineering-drawing.md) — скилл · earthtojake · Claude Code, Codex, Cursor +3 · 2200 установок — Генерирует чертёж детали в PDF по 3D-модели: создаёт ортогональные виды, проставляет размеры, скрытые линии и рамку ISO. - [papercraft-stop-motion-explainer](https://affpapa.org/nevibecode/skills/papercraft-stop-motion-explainer.md) — скилл · MiniMax-AI · Claude Code, Codex, Cursor +3 · 3400 установок — Скилл собирает производственный план объясняющего ролика в стиле бумажной стоп-моушен анимации: персонажи, декорации, промпты и раскадровка. - [music-video-subtitle-generator](https://affpapa.org/nevibecode/skills/music-video-subtitle-generator.md) — скилл · MiniMax-AI · Claude Code, Codex, Cursor +3 · 3400 установок — Скилл превращает треки и текст в раскадровку музыкального видео с кинетичной типографикой. - [minimalist-product-ad-generator](https://affpapa.org/nevibecode/skills/minimalist-product-ad-generator.md) — скилл · MiniMax-AI · Claude Code, Codex, Cursor +3 · 3400 установок — Скилл помогает подготовить короткий рекламный ролик товара: от разбора изображений и выбора формата до раскадровки и генерации видео. - [codex-pet](https://affpapa.org/nevibecode/skills/codex-pet.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 401100 установок — Генерирует спрайты и манифест для кастомного питомца Codex по одной картинке. - [architecture-diagram](https://affpapa.org/nevibecode/skills/cocoon-ai-hello-at-cocoon-aico-architecture-diagram.md) — скилл · Cocoon AI (hello@cocoon-ai.com), ported by Hermes Agent · Claude Code, Codex, Cursor +3 · 491 установка — Рисует SVG-диаграммы архитектуры систем и облачной инфраструктуры в виде HTML-файла с тёмной темой. - [extract-design](https://affpapa.org/nevibecode/skills/extract-design.md) — скилл · Manavarya09 · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл анализирует сайт по URL и собирает его дизайн-систему в файлы для разработки и дизайна. - [co-op-game-intro-generator](https://affpapa.org/nevibecode/skills/co-op-game-intro-generator.md) — скилл · MiniMax-AI · Claude Code, Codex, Cursor +3 · 3300 установок — Скилл создаёт вступительный ролик совместной игры для двоих. - [remotion](https://affpapa.org/nevibecode/skills/calesthio-remotion.md) — скилл · calesthio · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл для вёрстки видео в Remotion с библиотекой переходов и правилами сборки сцен при 30 кадрах в секунду. - [dfm](https://affpapa.org/nevibecode/skills/dfm.md) — скилл · earthtojake · Claude Code, Codex, Cursor +3 · 2100 установок — Проверяет детали на технологичность для гибки листового металла, обработки на ЧПУ и литья пластмасс под давлением. - [uizze-ui](https://affpapa.org/nevibecode/skills/uizze-ui.md) — скилл · UIZZE · Claude Code, Codex, Cursor +3 · 144000 установок — Направляет агента при вёрстке интерфейсов, исправлении сетки и проверке состояний экрана. - [plan-design-review](https://affpapa.org/nevibecode/skills/garrytan-plan-design-review.md) — скилл · garrytan · Claude Code, Codex, Cursor +3 · 476 установок — Скилл для дизайн-ревью планов и черновиков перед началом разработки. - [napkin](https://affpapa.org/nevibecode/skills/napkin.md) — скилл (официальный GitHub) · github · GitHub Copilot · 2200 установок — Открывает в браузере доску для набросков и стикеров, а затем помогает Copilot прочитать её. - [ai-image-generation](https://affpapa.org/nevibecode/skills/prime-skills-ai-image-generation.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 383000 установок — Скилл создаёт изображения по тексту и редактирует их через RunComfy CLI. - [ui](https://affpapa.org/nevibecode/skills/tw93-ui.md) — скилл · tw93 · Claude Code, Codex, Cursor +3 · 4300 установок — Скилл помогает собирать и дорабатывать интерфейсы с выразительной визуальной системой и проверкой по скриншотам. - [material-ui-tailwind](https://affpapa.org/nevibecode/skills/material-ui-tailwind.md) — скилл · mui · Claude Code, Codex, Cursor +3 · 365 установок — Скилл помогает настроить Material UI вместе с Tailwind CSS и разобраться с порядком CSS-слоёв, классами компонентов и миграцией с Tailwind v3. - [image-inpainting](https://affpapa.org/nevibecode/skills/image-inpainting.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 377700 установок — Локально редактирует участки изображений по маске через утилиту runcomfy. - [image-outpainting](https://affpapa.org/nevibecode/skills/image-outpainting.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 376700 установок — Расширяет холст готового изображения через runcomfy, меняет соотношение сторон и дорисовывает окружение, сохраняя исходную сцену. - [relight](https://affpapa.org/nevibecode/skills/relight.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 376200 установок — Скилл меняет схему освещения, угол падения лучей и цветовую температуру на снимках через RunComfy CLI. - [frontend-design](https://affpapa.org/nevibecode/skills/sickn33-frontend-design.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 2600 установок — Учит агента создавать запоминающийся интерфейс вместо шаблонных макетов: выбирает эстетику, проверяет доступность и пишет чистый код. - [manim-video](https://affpapa.org/nevibecode/skills/shl0ms-hermes-agent-manim-video.md) — скилл · SHL0MS, Hermes Agent · Claude Code, Codex, Cursor +3 · 455 установок — Создаёт план и Python-сценарий для математических, алгоритмических и технических анимаций в Manim CE. - [design-guide](https://affpapa.org/nevibecode/skills/design-guide.md) — скилл · paperclipai · Claude Code, Codex, Cursor +3 · 366 установок — Скилл задаёт правила Paperclip для UI-компонентов, токенов, типографики и статусов. - [hairline-create](https://affpapa.org/nevibecode/skills/hairline-create.md) — скилл · lucasmarkes · Claude Code, Codex, Cursor +3 · 5200 установок — Генерирует интерактивную изометрическую векторную фигуру в стиле движка Hairline и упаковывает её в один автономный HTML-файл. - [lottie-bodymovin](https://affpapa.org/nevibecode/skills/lottie-bodymovin.md) — скилл · calesthio · Claude Code, Codex, Cursor +3 · 1100 установок — Помогает переносить 12 принципов диснеевской анимации в векторные Lottie-ролики. - [visual-style](https://affpapa.org/nevibecode/skills/visual-style.md) — скилл · calesthio · Claude Code, Codex, Cursor +3 · 1100 установок — Создаёт, извлекает и переносит дизайн-системы через файлы visual-style.md. - [remotion-best-practices](https://affpapa.org/nevibecode/skills/vercel-labs-remotion-best-practices.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл подсказывает агенту, как работать с Remotion в React: от анимации и звука до композиций и параметров видео. - [baoyu-infographic](https://affpapa.org/nevibecode/skills/jimliu-baoyu-infographic.md) — скилл · 宝玉 (JimLiu) · Claude Code, Codex, Cursor +3 · 440 установок — Скилл генерирует инфографики, комбинируя 21 layout с 21 стилем. - [api-designer](https://affpapa.org/nevibecode/skills/api-designer.md) — скилл · https://github.com/Jeffallan · Claude Code, Codex, Cursor +3 · 6500 установок — Скилл для архитектуры REST и GraphQL API с генерацией OpenAPI 3.1 спецификаций. - [ascii-video](https://affpapa.org/nevibecode/skills/ascii-video.md) — скилл · SHL0MS, Hermes Agent · Claude Code, Codex, Cursor +3 · 435 установок — Конвертирует видео, аудио и изображения в цветные ASCII-видео (MP4, GIF). - [startup-canvas](https://affpapa.org/nevibecode/skills/startup-canvas.md) — скилл · phuryn · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл генерирует Startup Canvas — шаблон для новых продуктов, который разделяет стратегию (9 секций) и бизнес-модель (затраты и доход). - [frontend-dev](https://affpapa.org/nevibecode/skills/frontend-dev.md) — скилл · MiniMax-AI · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл проектирует страницы с анимациями, медиафайлами от MiniMax и готовым текстом. - [excalidraw](https://affpapa.org/nevibecode/skills/hermes-agent-excalidraw.md) — скилл · Hermes Agent · Claude Code, Codex, Cursor +3 · 412 установок — Скилл создаёт файлы .excalidraw с архитектурными схемами, блок-схемами и диаграммами последовательностей. - [customer-journey-map](https://affpapa.org/nevibecode/skills/customer-journey-map.md) — скилл · phuryn · Claude Code, Codex, Cursor +3 · 3100 установок — Строит карту пути клиента от первого знакомства до рекомендации: этапы, точки контакта, эмоции, проблемы и идеи улучшений. - [gpui-kit-design-guides](https://affpapa.org/nevibecode/skills/gpui-kit-design-guides.md) — скилл · longbridge · Claude Code, Codex, Cursor +3 · 987 установок — Скилл передаёт агенту обязательные правила дизайна десктопных приложений на GPUI Kit. - [threejs-postprocessing](https://affpapa.org/nevibecode/skills/calesthio-threejs-postprocessing.md) — скилл · calesthio · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл помогает агенту добавлять в Three.js постобработку: свечение, размытие, глубину резкости и экранные эффекты. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=10 ## Уточнить [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