# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 46 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=46 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [ux-writing-content-design](https://affpapa.org/nevibecode/skills/ux-writing-content-design.md) — скилл · hueyexe · Claude Code, Codex, Cursor +3 · 562 установки — Пишет и разбирает тексты интерфейса: подписи кнопок, подсказки, пустые состояния, ошибки, онбординг. - [depth](https://affpapa.org/nevibecode/skills/depth.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 537 установок — Настраивает систему высот, двухкомпонентные тени и вдавленные поверхности интерфейса. - [ux-usability-foundations](https://affpapa.org/nevibecode/skills/ux-usability-foundations.md) — скилл · hueyexe · Claude Code, Codex, Cursor +3 · 559 установок — Скилл учит агента проектировать и рецензировать интерфейсы с точки зрения продуктовой логики, обратной связи и защиты от ошибок пользователя. - [imagery](https://affpapa.org/nevibecode/skills/imagery.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 533 установки — Оценивает и правит оформление картинок, иконок и скриншотов в интерфейсе, чтобы улучшить читаемость текста и удержать сетку. - [clarify](https://affpapa.org/nevibecode/skills/aladicf-clarify.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 533 установки — Правит подписи, ошибки, пустые состояния и CTA, чтобы пользователь понимал, что происходит и что делать дальше. - [information-architecture-navigation](https://affpapa.org/nevibecode/skills/information-architecture-navigation.md) — скилл · hueyexe · Claude Code, Codex, Cursor +3 · 556 установок — Скилл для проектирования навигации, меню, таксономии и поиска в цифровом продукте. - [screensdesign-data](https://affpapa.org/nevibecode/skills/screensdesign-data.md) — скилл · screensdesign-com · Claude Code, Codex, Cursor +3 · 1300 установок — Ищет экраны приложений, пейволлы и онбординги через ScreensDesign MCP. - [frontend-design-review](https://affpapa.org/nevibecode/skills/dauquangthanh-frontend-design-review.md) — скилл · DauQuangThanh · Claude Code, Codex, Cursor +3 · 458 установок — Скилл проверяет интерфейсы на соответствие дизайн-системе, контрастность WCAG 2.1 AA и адаптивность. - [optimize](https://affpapa.org/nevibecode/skills/aladicf-optimize.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 536 установок — Скилл находит, почему интерфейс тормозит: медленная загрузка, лаги анимаций, тяжёлые картинки, раздутый бандл. - [bolder](https://affpapa.org/nevibecode/skills/bolder.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 535 установок — Скилл для тех случаев, когда интерфейс выглядит слишком безопасно и безлико. - [video-color-grading](https://affpapa.org/nevibecode/skills/video-color-grading.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 625 установок — Скилл отправляет видео на обработку в нейросеть each::sense. - [framer-motion-scroll](https://affpapa.org/nevibecode/skills/framer-motion-scroll.md) — скилл · C-Jeril · Claude Code, Codex, Cursor +3 · 803 установки — Скилл для Framer Motion: подсказывает агенту, как делать анимации, привязанные к прокрутке, параллакс и индикаторы прогресса. - [delight](https://affpapa.org/nevibecode/skills/delight.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 523 установки — Добавляет радость и характер в интерфейс: успешные состояния, пустые экраны, загрузку, ховеры. - [mobile-design](https://affpapa.org/nevibecode/skills/manutej-mobile-design.md) — скилл · manutej · Claude Code, Codex, Cursor +3 · 545 установок — Скилл для мобильного интерфейса: тач-цели, жесты, зоны большого пальца, безопасные области и адаптив под маленькие экраны. - [showcase](https://affpapa.org/nevibecode/skills/showcase.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 521 установка — Переводит интерфейс в режим сложной визуальной и технической проработки с анимациями, View Transitions и WebGL. - [k2f-invitation](https://affpapa.org/nevibecode/skills/k2f-invitation.md) — скилл · suzheng · Claude Code, Codex, Cursor +3 · 2400 установок — Собирает дизайн и текст печатных или цифровых приглашений из фактов о событии. - [k2f-flyer](https://affpapa.org/nevibecode/skills/k2f-flyer.md) — скилл · suzheng · Claude Code, Codex, Cursor +3 · 2400 установок — Превращает факты о событии или скидке в структуру одностраничного флаера с одним призывом к действию и визуальным стилем под компилятор K2F. - [figma-design](https://affpapa.org/nevibecode/skills/figma-design.md) — скилл · manutej · Claude Code, Codex, Cursor +3 · 542 установки — Скилл по Figma: компоненты, auto layout, переменные, прототипы и разработка плагинов. - [extract](https://affpapa.org/nevibecode/skills/aladicf-extract.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 520 установок — Находит повторяющийся интерфейсный код, выносит его в дизайн-систему, формирует токены и переводит проект на единые компоненты. - [ai-elements](https://affpapa.org/nevibecode/skills/ai-elements.md) — скилл (официальный OpenAI) · Vercel Labs · Codex, ChatGPT · 7 установок — Скилл подсказывает, как собирать AI-интерфейсы на React с компонентами ai-elements. - [quieter](https://affpapa.org/nevibecode/skills/quieter.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 513 установок — Скилл для ИИ-кодинга, который снижает насыщенность, контраст и визуальный шум в интерфейсе, сохраняя иерархию и характер. - [onboard](https://affpapa.org/nevibecode/skills/aladicf-onboard.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 521 установка — Помогает спроектировать первый запуск продукта: что показать новичку, в каком порядке и как довести его до первого результата. - [security-ux](https://affpapa.org/nevibecode/skills/security-ux.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 519 установок — Скилл для проектирования экранов входа, MFA и восстановления доступа так, чтобы защита не пугала пользователя. - [interaction-patterns-components](https://affpapa.org/nevibecode/skills/interaction-patterns-components.md) — скилл · hueyexe · Claude Code, Codex, Cursor +3 · 539 установок — Помогает агенту выбирать и критиковать UI-паттерны и переиспользуемые компоненты: навигация, таблицы, модалки, формы, состояния. - [muapi-media-generation](https://affpapa.org/nevibecode/skills/muapi-media-generation.md) — скилл · SamurAIGPT · Claude Code, Codex, Cursor +3 · 1100 установок — Генерирует изображения, видео и музыку через API muapi.ai прямо из консоли. - [framer-motion-layout](https://affpapa.org/nevibecode/skills/framer-motion-layout.md) — скилл · C-Jeril · Claude Code, Codex, Cursor +3 · 770 установок — Скилл обучает ассистента строить анимации макета во Framer Motion с помощью layout, связывать элементы через layoutId и плавно убирать блоки через AnimatePresence. - [forms-inputs-checkout](https://affpapa.org/nevibecode/skills/forms-inputs-checkout.md) — скилл · hueyexe · Claude Code, Codex, Cursor +3 · 524 установки — Скилл для проектирования и разбора форм, валидации и чекаута: помогает агенту убрать лишние поля и не сломать доступность. - [framer-motion-gestures](https://affpapa.org/nevibecode/skills/framer-motion-gestures.md) — скилл · C-Jeril · Claude Code, Codex, Cursor +3 · 766 установок — Скилл для анимаций жестов в Framer Motion: перетаскивание, панорамирование, нажатие, наведение, фокус. - [localize](https://affpapa.org/nevibecode/skills/aladicf-localize.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 497 установок — Скилл планирует и внедряет интернационализацию интерфейса: от ICU-плюрализации и логических CSS-свойств до выбора библиотек и маршрутизации локалей. - [architecture-rendering](https://affpapa.org/nevibecode/skills/architecture-rendering.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 590 установок — Создаёт архитектурные визуализации по тексту, эскизам и планам через each::sense AI. - [framer-motion-variants](https://affpapa.org/nevibecode/skills/framer-motion-variants.md) — скилл · C-Jeril · Claude Code, Codex, Cursor +3 · 759 установок — Обучает ИИ настраивать оркестрованные анимации во Framer Motion: стэггеры и стейт-машины через варианты состояний. - [responsive-design](https://affpapa.org/nevibecode/skills/manutej-responsive-design.md) — скилл · manutej · Claude Code, Codex, Cursor +3 · 511 установок — Направляет агента верстать интерфейсы по принципу mobile-first с флюидными сетками, CSS Grid и Flexbox. - [generative-illustration](https://affpapa.org/nevibecode/skills/generative-illustration.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 544 установки — Скилл превращает отдельные сгенерированные векторные элементы в покадровую анимацию на Canvas с экспортом в MP4 через FFmpeg. - [k2f-company-deck](https://affpapa.org/nevibecode/skills/k2f-company-deck.md) — скилл · suzheng · Claude Code, Codex, Cursor +3 · 2200 установок — Скилл собирает из фактов о компании и бренд-материалов презентацию с позиционированием, доказательствами и контактами. - [claude-skill-app-onboarding-questionnaire](https://affpapa.org/nevibecode/skills/claude-skill-app-onboarding-questionnaire.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 582 установки — Разбирает код вашего приложения и собирает онбординг из экранов-вопросов: тексты, макеты и готовый код на нативном фреймворке. - [gsap-scrolltrigger](https://affpapa.org/nevibecode/skills/bbeierle12-gsap-scrolltrigger.md) — скилл · Bbeierle12 · Claude Code, Codex, Cursor +3 · 604 установки — Скилл для GSAP ScrollTrigger: привязка анимаций к прокрутке, пиннинг секций, параллакс и точки прилипания. - [muapi-media-editing](https://affpapa.org/nevibecode/skills/muapi-media-editing.md) — скилл · SamurAIGPT · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл редактирует изображения и видео через muapi.ai: меняет медиа по промпту, убирает фон, увеличивает разрешение и добавляет эффекты. - [geist](https://affpapa.org/nevibecode/skills/geist.md) — скилл (официальный OpenAI) · Vercel Labs · Codex, ChatGPT · 6 установок — Скилл подсказывает, как подключить Geist Sans, Geist Mono и Geist Pixel в Next.js и распределить их по интерфейсу. - [url-to-code](https://affpapa.org/nevibecode/skills/url-to-code.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 6 установок — Превращает живой сайт в рабочее frontend-приложение: захватывает элементы, стили, взаимодействия и ассеты через браузер. - [get-context](https://affpapa.org/nevibecode/skills/get-context.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 6 установок — Скилл фиксирует бриф перед созданием интерфейса в Codex. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=47 ## Уточнить [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