# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 39 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=39 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [nano-banana](https://affpapa.org/nevibecode/skills/nano-banana.md) — скилл · social-media-skills · Claude Code, Codex, Cursor +3 · 603 установки — Скилл помогает писать промпты для Nano Banana: генерировать и редактировать изображения для соцсетей, выдерживать стиль бренда и формат площадки. - [infographic-and-data-viz](https://affpapa.org/nevibecode/skills/infographic-and-data-viz.md) — скилл · social-media-skills · Claude Code, Codex, Cursor +3 · 610 установок — Скилл помогает превратить реальные данные в график или инфографику, где главный вывод виден за три секунды. - [muapi-instagram-post](https://affpapa.org/nevibecode/skills/muapi-instagram-post.md) — скилл · SamurAIGPT · Claude Code, Codex, Cursor +3 · 2500 установок — Генерирует изображение для Instagram через muapi, пишет подпись из двух-четырёх строк и собирает хештеги. - [layer-reference-sets](https://affpapa.org/nevibecode/skills/layer-reference-sets.md) — скилл · layerai · Claude Code, Codex, Cursor +3 · 3300 установок — Скилл помогает готовить выборки картинок, обучать LoRA и точно настраивать веса стилей в Layer. - [layer-game-assets](https://affpapa.org/nevibecode/skills/layer-game-assets.md) — скилл · layerai · Claude Code, Codex, Cursor +3 · 3300 установок — Инструкции для генерации игровых ассетов в Layer: персонажей под риггинг Spine, параллакс-фонов и наборов иконок в едином стиле. - [layer-image](https://affpapa.org/nevibecode/skills/layer-image.md) — скилл · layerai · Claude Code, Codex, Cursor +3 · 3300 установок — Скилл для text-to-image через Layer: подсказывает, что писать в промпте, как задать пропорции и когда нужна референс-картинка. - [layer-image-editing](https://affpapa.org/nevibecode/skills/layer-image-editing.md) — скилл · layerai · Claude Code, Codex, Cursor +3 · 3400 установок — Скилл для редактирования уже существующих изображений на Layer: инпейнтинг, расширение кадра, смена ракурса, апскейл. - [layer](https://affpapa.org/nevibecode/skills/layer.md) — скилл · layerai · Claude Code, Codex, Cursor +3 · 3300 установок — Генерирует и редактирует игровые ассеты через MCP-сервер Layer: спрайты, 3D-модели, видео и звук. - [inspira-ui](https://affpapa.org/nevibecode/skills/inspira-ui.md) — скилл · secondsky · Claude Code, Codex, Cursor +3 · 553 установки — Скилл помогает собирать Vue и Nuxt-интерфейсы из 120+ анимированных компонентов. - [ai-image-editing](https://affpapa.org/nevibecode/skills/ai-image-editing.md) — скилл · social-media-skills · Claude Code, Codex, Cursor +3 · 603 установки — Скилл называет задачу по фото, подбирает движок и пишет спецификацию: удаление объектов, вырезание фона, апскейл, дорисовка краёв, реставрация. - [canva](https://affpapa.org/nevibecode/skills/canva.md) — скилл · social-media-skills · Claude Code, Codex, Cursor +3 · 602 установки — Скилл для соцграфики в Canva: собирает макеты от Brand Kit, гоняет партии через Bulk Create и Magic Resize, уводит от шаблонного вида. - [linear-ui-skills](https://affpapa.org/nevibecode/skills/linear-ui-skills.md) — скилл · design-skills · Claude Code, Codex, Cursor +3 · 393 установки — Задаёт агенту жёсткие правила тёмного интерфейса: палитра, Inter, сетка 4px. - [dribbble-ui-skills](https://affpapa.org/nevibecode/skills/dribbble-ui-skills.md) — скилл · design-skills · Claude Code, Codex, Cursor +3 · 392 установки — Задаёт строгие правила дизайн-системы Dribbble для ИИ-агентов: сетку 4px, шрифт Inter, палитру токенов и ограничения на анимации. - [testimonial-video](https://affpapa.org/nevibecode/skills/testimonial-video.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 932 установки — Превращает отзывы клиентов и цитаты в короткие вертикальные видеоролики на Remotion с анимированным рейтингом звёзд и строчной вёрсткой. - [tailwindcss-advanced-design-systems](https://affpapa.org/nevibecode/skills/tailwindcss-advanced-design-systems.md) — скилл · JosiahSiegel · Claude Code, Codex, Cursor +3 · 655 установок — Скилл для сборки дизайн-системы на Tailwind v4: токены в @theme, цветовые шкалы, типографика, тени и тёмная тема. - [airbnb-ui-skills](https://affpapa.org/nevibecode/skills/airbnb-ui-skills.md) — скилл · design-skills · Claude Code, Codex, Cursor +3 · 389 установок — Набор правил для генерации светлых интерфейсов в эстетике Airbnb. - [hackathon-brief-design](https://affpapa.org/nevibecode/skills/hackathon-brief-design.md) — скилл · Samuel Berthe · Claude Code, Codex, Cursor +3 · 5100 установок — Помогает подготовить документ для участников хакатона: от правил и тематических треков до списка материалов для сдачи проекта. - [flux](https://affpapa.org/nevibecode/skills/flux.md) — скилл · social-media-skills · Claude Code, Codex, Cursor +3 · 586 установок — Скилл для работы с FLUX и FLUX.2: помогает выбрать вариант модели и лицензию, написать промпт и править картинку вместо перегенерации. - [ideogram](https://affpapa.org/nevibecode/skills/ideogram.md) — скилл · social-media-skills · Claude Code, Codex, Cursor +3 · 576 установок — Скилл помогает составлять точные промпты для нейросети Ideogram 4.0 с упором на вёрстку, типографику, цитаты, обложки и постеры для соцсетей. - [notion-ui-skills](https://affpapa.org/nevibecode/skills/notion-ui-skills.md) — скилл · design-skills · Claude Code, Codex, Cursor +3 · 383 установки — Скилл задаёт правила вёрстки в стиле Notion: сетку 4px и цветовую палитру с базовым фоном #F6F6F6. - [social-graphics](https://affpapa.org/nevibecode/skills/social-graphics.md) — скилл · sanky369 · Claude Code, Codex, Cursor +3 · 599 установок — Скилл формирует спецификации визуалов для соцсетей с точными пропорциями и текстом, а также генерирует картинки через FAL.ai. - [node-link-and-diagram-layout](https://affpapa.org/nevibecode/skills/node-link-and-diagram-layout.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 16 установок — Скилл выбирает алгоритм раскладки для графов, схем и связанных узлов. - [event-landing-page](https://affpapa.org/nevibecode/skills/event-landing-page.md) — скилл · Samuel Berthe · Claude Code, Codex, Cursor +3 · 5300 установок — Собирает публичную страницу конференции, митапа или хакатона: секции, кнопки по датам, доступность и разметку события. - [ui-ux-expert](https://affpapa.org/nevibecode/skills/ui-ux-expert.md) — скилл · martinholovsky · Claude Code, Codex, Cursor +3 · 828 установок — Скилл превращает Claude в проектировщика интерфейсов с упором на доступность по стандарту WCAG 2.2 и разработку через TDD. - [create-remotion-geist](https://affpapa.org/nevibecode/skills/create-remotion-geist.md) — скилл · vercel-labs · Claude Code, Codex, Cursor +3 · 484 установки — Скилл для создания роликов на Remotion в тёмной эстетике Geist: шрифты, палитра и пружинные анимации Vercel. - [anycap-human-interaction](https://affpapa.org/nevibecode/skills/anycap-human-interaction.md) — скилл · anycap-ai · Claude Code, Codex, Cursor +3 · 653 установки — Скилл для сбора визуальных правок от человека и работы с интерактивной доской Excalidraw. - [ios-design](https://affpapa.org/nevibecode/skills/ios-design.md) — скилл · pproenca · Claude Code, Codex, Cursor +3 · 418 установок — Скилл с 62 правилами вёрстки интерфейсов на SwiftUI: семантические цвета, типографика, состояния, навигация и доступность. - [shadcn-component-review](https://affpapa.org/nevibecode/skills/shadcn-component-review.md) — скилл · mattbx · Claude Code, Codex, Cursor +3 · 635 установок — Проверяет готовые компоненты и раскладки на соответствие паттернам shadcn: отступы, семантические токены, состав примитивов и правила выбранного визуального стиля. - [kpi-dashboard-design](https://affpapa.org/nevibecode/skills/secondsky-kpi-dashboard-design.md) — скилл · secondsky · Claude Code, Codex, Cursor +3 · 507 установок — Скилл помогает выбрать метрики и собрать дашборд: подсказывает вёрстку, типы графиков и цвета статусов. - [after-effects](https://affpapa.org/nevibecode/skills/dylantarre-after-effects.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 891 установка — Помогает агенту собрать анимацию в Adobe After Effects по 12 принципам Disney: от squash and stretch до appeal. - [screenci](https://affpapa.org/nevibecode/skills/screenci.md) — скилл · screenci · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл редактирует .screenci.ts и запускает workflow ScreenCI для записи видео и скриншотов в уже настроенном проекте. - [frontend-design](https://affpapa.org/nevibecode/skills/mager-frontend-design.md) — скилл · mager · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл задаёт агенту конкретную дизайнерскую оптику: типографика, палитра, тактильные состояния. - [design-system-generator](https://affpapa.org/nevibecode/skills/design-system-generator.md) — скилл · OneWave-AI · Claude Code, Codex, Cursor +3 · 300 установок — Собирает дизайн-систему из токенов, базовых компонентов и документации. - [designing-beautiful-websites](https://affpapa.org/nevibecode/skills/designing-beautiful-websites.md) — скилл · tristanmanchester · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл для проектирования и правки интерфейсов сайтов и веб-приложений: структура, адаптив, визуальный язык и состояния элементов. - [manim](https://affpapa.org/nevibecode/skills/manim.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 636 установок — Учит агента писать скрипты на Manim Community Edition для математических анимаций, графиков и формул в стиле 3Blue1Brown с рендером в MP4 или GIF. - [filmmaker](https://affpapa.org/nevibecode/skills/filmmaker.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 869 установок — Скилл адаптирует двенадцать принципов анимации Диснея для кинорежиссуры. - [3d-model-generation](https://affpapa.org/nevibecode/skills/3d-model-generation.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 1200 установок — Генерирует 3D-модели и PBR-текстуры по описанию или картинке через each::sense AI. - [ui-design-aesthetics](https://affpapa.org/nevibecode/skills/ui-design-aesthetics.md) — скилл · NickCrew · Claude Code, Codex, Cursor +3 · 357 установок — Скилл задаёт агенту правила типографики, цвета и анимации, чтобы интерфейсы не выглядели как типовые поделки ИИ. - [efecto-web-design](https://affpapa.org/nevibecode/skills/efecto-web-design.md) — скилл · pablostanley · Claude Code, Codex, Cursor +3 · 691 установка — Скилл собирает веб-страницы и интерфейсы в Efecto через JSX, Tailwind CSS и MCP-инструменты. - [ios-ux-design](https://affpapa.org/nevibecode/skills/ios-ux-design.md) — скилл · mosif16 · Claude Code, Codex, Cursor +3 · 543 установки — Скилл, который подключает к ИИ-агенту экспертизу по Human Interface Guidelines и SwiftUI: аудит экранов, разбор паттернов, спецификации на доработку. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=40 ## Уточнить [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