# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 27 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=27 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [horizontal-scroll-scenes](https://affpapa.org/nevibecode/skills/horizontal-scroll-scenes.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 367 установок — Скилл для сцен, которые едут слева направо, пока пользователь скроллит вниз. - [amazon-listing-images](https://affpapa.org/nevibecode/skills/amazon-listing-images.md) — скилл · nexscope-ai · Claude Code, Codex, Cursor +3 · 1400 установок — Помогает спланировать изображения для карточки товара на Amazon: список кадров, инфографика, лайфстайл-сцены и мобильная оптимизация. - [transpose](https://affpapa.org/nevibecode/skills/transpose.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Переосмысляет интерфейс под новую платформу: не сжимает вёрстку, а меняет модель взаимодействия, приоритеты информации и контекст. - [philosopher](https://affpapa.org/nevibecode/skills/philosopher.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Переводит агента в режим широких ассоциаций: помогает не бросаться решать задачу, а сначала разобраться в ней. - [measure](https://affpapa.org/nevibecode/skills/measure.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл помогает определить UX-метрики и выстроить проверку гипотез в продукте. - [vox-explainer](https://affpapa.org/nevibecode/skills/vox-explainer.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл помогает собрать документальный ролик в духе Vox: от сценария по проверенным фактам до HTML-файла и экспорта в MP4. - [motion-effects](https://affpapa.org/nevibecode/skills/motion-effects.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1500 установок — Собирает один из 16 моушн-эффектов в вашем бренде как зацикленный HTML-файл на 8 секунд, который покадрово выгружается в MP4 или GIF. - [meshy-3d-generation](https://affpapa.org/nevibecode/skills/meshy-3d-generation.md) — скилл · meshy-dev · Claude Code, Codex, Cursor +3 · 2300 установок — Создаёт 3D-модели, текстурирует меши и настраивает анимации через Meshy CLI 0.4.3. - [macos-settings-ui](https://affpapa.org/nevibecode/skills/macos-settings-ui.md) — скилл · fayazara · Claude Code, Codex, Cursor +3 · 650 установок — Собирает окно настроек для нативного macOS-приложения на SwiftUI: сайдбар, панели с Form и стеклянная отделка окна в духе macOS 26. - [behavioural-analytics](https://affpapa.org/nevibecode/skills/behavioural-analytics.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 625 установок — Скилл читает воронки, кривые удержания и события как дизайнер: отделяет проблему интерфейса от артефакта трекинга. - [remotion-video](https://affpapa.org/nevibecode/skills/remotion-video.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 2600 установок — Скилл для сборки MP4, GIF и WebM прямо в React: каждый кадр — чистая функция от useCurrentFrame, поэтому рендер детерминированный и повторяемый. - [design-audit](https://affpapa.org/nevibecode/skills/design-audit.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 1000 установок — Проверяет код фронтенда на проблемы с анимацией, доступностью и дизайн-токенами. - [css-native](https://affpapa.org/nevibecode/skills/css-native.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл для ИИ-агента, который подсказывает, как делать анимации и визуальные эффекты на нативном CSS без библиотек. - [gsap](https://affpapa.org/nevibecode/skills/athevon-gsap.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 997 установок — Скилл помогает агенту писать анимации GSAP: таймлайны, каскадные эффекты и ScrollTrigger. - [canvas-generative](https://affpapa.org/nevibecode/skills/canvas-generative.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 995 установок — Скилл для алгоритмической графики на Canvas 2D: частицы, flow fields, шум, фракталы и L-системы. - [llm-icon-finder](https://affpapa.org/nevibecode/skills/llm-icon-finder.md) — скилл · daymade · Claude Code, Codex, Cursor +3 · 952 установки — Скилл находит ссылки на иконки AI-моделей и провайдеров из библиотеки lobe-icons и помогает скачать их в SVG, PNG или WEBP. - [qual-quant-triangulation](https://affpapa.org/nevibecode/skills/qual-quant-triangulation.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 617 установок — Согласует расхождения между данными метрик и словами пользователей из интервью. - [framer-motion](https://affpapa.org/nevibecode/skills/athevon-framer-motion.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 990 установок — Подсказывает агенту правила работы с Framer Motion и Motion в React: анимации раскладки, жесты и хуки без лишних ререндеров. - [desktop-principles](https://affpapa.org/nevibecode/skills/desktop-principles.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 982 установки — Скилл с правилами десктопного UX: ховеры, точность указателя, горячие клавиши, несколько окон. - [ios-development](https://affpapa.org/nevibecode/skills/ios-development.md) — скилл · rshankras · Claude Code, Codex, Cursor +3 · 821 установка — Скилл для iOS-разработки: разбор Swift-кода, проверка UI по Apple HIG, аудит доступности и планирование приложения. - [mobile-principles](https://affpapa.org/nevibecode/skills/mobile-principles.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 974 установки — Набор правил для мобильного интерфейса: размеры тап-зон, отказ от hover, зоны большого пальца, safe area и жесты. - [ios-accessibility](https://affpapa.org/nevibecode/skills/dadederk-ios-accessibility.md) — скилл · dadederk · Claude Code, Codex, Cursor +3 · 911 установок — Скилл для ИИ-агента, который подсказывает, как делать iOS-приложения доступными: VoiceOver, Dynamic Type, Switch Control и тестирование. - [qt-ui-design](https://affpapa.org/nevibecode/skills/qt-ui-design.md) — скилл · qt-ai-skills · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл для ИИ-агентов, который проводит через проектирование и аудит интерфейсов Qt/QML, веба и встраиваемых панелей: раскладка, навигация, контраст, размеры целей нажатия. - [interface-kit](https://affpapa.org/nevibecode/skills/interface-kit.md) — скилл · JuliusBrussee · Claude Code, Codex, Cursor +3 · 2200 установок — Скилл задаёт агенту план работы над интерфейсом: доступность, типографика, сетка, цвет, анимация. - [onboarding-ux](https://affpapa.org/nevibecode/skills/onboarding-ux.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл проходит по приложению как новый пользователь, находит места, где он застрянет, и пишет текст с кодом для пустых состояний, подсказок и приветствия. - [ui-craft](https://affpapa.org/nevibecode/skills/ui-craft.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл для дизайна и вёрстки интерфейсов: сначала разведка проекта, потом код. - [ui-mobile](https://affpapa.org/nevibecode/skills/ui-mobile.md) — скилл · alinaqi · Claude Code, Codex, Cursor +3 · 1200 установок — Задаёт агенту правила мобильного интерфейса: минимальный размер нажатия 44×44, контраст по WCAG 2.1 AA, видимые границы кнопок. - [model-showdown](https://affpapa.org/nevibecode/skills/model-showdown.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1400 установок — Готовит честное видео-сравнение моушн-графики от трёх нейросетей по единому брифу. - [newsletter-promo](https://affpapa.org/nevibecode/skills/newsletter-promo.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1400 установок — Собирает 12–20-секундный промо-клип для LinkedIn, Instagram или X из одного выпуска рассылки: хук, три кадра-доказательства и финальная карточка. - [milestone-reveal](https://affpapa.org/nevibecode/skills/milestone-reveal.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1400 установок — Собирает 12-секундный зацикленный ролик, где тысячи точек слетаются в вашу реальную цифру подписчиков, выручки или клиентов. - [loop-cover](https://affpapa.org/nevibecode/skills/loop-cover.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1400 установок — Превращает обложку рассылки или блога в аккуратный зацикленный GIF размером 896x640 на 180 кадров. - [apple-launch-film](https://affpapa.org/nevibecode/skills/apple-launch-film.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1500 установок — Собирает лонч-фильм в стиле Apple для Mac целиком в коде: меню-бар, чёлку, виджеты и градиентные обои. - [animated-chart](https://affpapa.org/nevibecode/skills/animated-chart.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1400 установок — Строит одну петляющую анимированную диаграмму в HTML-коде и выгружает её в MP4 и GIF. - [title-sequence-3d](https://affpapa.org/nevibecode/skills/title-sequence-3d.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл собирает кинематографичный 3D-опенер на Three.js в одном HTML-файле. - [brand-intake](https://affpapa.org/nevibecode/skills/brand-intake.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл проводит короткое интервью и разбирает 3–5 референсов, чтобы собрать brand.md и MOTION.md — файлы, из которых остальные скиллы пака берут цвета, шрифты и тайминги. - [motion-brief-writer](https://affpapa.org/nevibecode/skills/motion-brief-writer.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1500 установок — Превращает сырую идею анимированной графики в точный build-промпт для Claude. - [launch-video](https://affpapa.org/nevibecode/skills/launch-video.md) — скилл · charlie947 · Claude Code, Codex, Cursor +3 · 1500 установок — Собирает промо-ролики для запуска продуктов на 30–45 секунд в виде автономного HTML-файла с покадровой анимацией и экспортом в MP4. - [ux-designer](https://affpapa.org/nevibecode/skills/ux-designer.md) — скилл · szilu · Claude Code, Codex, Cursor +3 · 1600 установок — Скилл для ревью и сборки интерфейсов: проверяет доступность, состояния экранов и микрокопирайт, подсказывает числа для отступов и контраста. - [swiftui-graphics](https://affpapa.org/nevibecode/skills/swiftui-graphics.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 939 установок — Скилл для продвинутой графики SwiftUI: Metal-шейдеры, .visualEffect, Liquid Glass из iOS 26 и Canvas. - [compose-graphics](https://affpapa.org/nevibecode/skills/compose-graphics.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 937 установок — Скилл для продвинутой графики в Jetpack Compose: пружинная физика Material 3 Expressive, AGSL-шейдеры, Canvas и эффекты graphicsLayer. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=28 ## Уточнить [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