# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 17 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=17 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [staggered-word-reveal](https://affpapa.org/nevibecode/skills/staggered-word-reveal.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1600 установок — Создаёт пословное появление короткого текста при прокрутке. - [typography-scale](https://affpapa.org/nevibecode/skills/typography-scale.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2600 установок — Строит модульную типографическую шкалу: размеры, насыщенность, межстрочный интервал. - [bencium-impact-designer](https://affpapa.org/nevibecode/skills/bencium-impact-designer.md) — скилл · bencium · Claude Code, Codex, Cursor +3 · 5400 установок — Создаёт фронтенд-интерфейсы с выраженным визуальным направлением. - [square](https://affpapa.org/nevibecode/skills/square.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл задаёт агенту правила дизайн-системы Square: токены, типографику, состояния компонентов и критерии доступности. - [pulse](https://affpapa.org/nevibecode/skills/typeuish-pulse.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2000 установок — Задаёт правила дерзкой дизайн-системы Pulse с рамками 4px, яркой оранжевой палитрой и шрифтом Limelight. - [basic](https://affpapa.org/nevibecode/skills/basic.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл задаёт редакционный дизайн для книг, журналов и отчётов: сетку, типографику, токены и правила доступности. - [color-system](https://affpapa.org/nevibecode/skills/color-system.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2500 установок — Скилл собирает палитру продукта: тональные шкалы, семантические роли и проверку контраста по WCAG. - [illustration-style](https://affpapa.org/nevibecode/skills/illustration-style.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2500 установок — Скилл помогает составить стайлгид иллюстраций: фиксирует визуальный язык, правила палитры и ограничения размеров. - [visual-hierarchy](https://affpapa.org/nevibecode/skills/visual-hierarchy.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2500 установок — Скилл выстраивает визуальную иерархию интерфейса через размер, насыщенность, цвет, отступы и позицию. - [paper-poster](https://affpapa.org/nevibecode/skills/paper-poster.md) — скилл · wanshuiyin · Claude Code, Codex, Cursor +3 · 499 установок — Устаревший скилл перенаправляет запросы к /paper-poster-html. - [animated-component-libraries](https://affpapa.org/nevibecode/skills/animated-component-libraries.md) — скилл · freshtechbro · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл помогает добавлять готовые анимированные React-компоненты из Magic UI и React Bits. - [modern-web-design](https://affpapa.org/nevibecode/skills/modern-web-design.md) — скилл · freshtechbro · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл-методичка по веб-дизайну 2024-2025: тренды, микровзаимодействия, скроллителлинг, доступность и производительность. - [lottie-animations](https://affpapa.org/nevibecode/skills/lottie-animations.md) — скилл · freshtechbro · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл, который помогает агенту подключать Lottie-анимации из After Effects в веб и React: выбирать библиотеку, ставить плееры и управлять воспроизведением. - [replica-design](https://affpapa.org/nevibecode/skills/replica-design.md) — скилл · Jakeschincariol · Claude Code, Codex, Cursor +3 · 630 установок — Воссоздаёт дизайн-систему приложения по скриншотам для клона: токены, стили и спецификации компонентов. - [demo-video](https://affpapa.org/nevibecode/skills/demo-video.md) — скилл · Alireza Rezvani · Claude Code · 708 установок — Превращает описания сцен и скриншоты в готовые демо-ролики или GIF с озвучкой и анимацией прямо в Claude Code. - [editorial-portfolio-chapters](https://affpapa.org/nevibecode/skills/editorial-portfolio-chapters.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл для сайтов креативных студий, агентств, фотографов и художников: работа ведёт рассказ, а не блок «о нас». - [product-proof-saas](https://affpapa.org/nevibecode/skills/product-proof-saas.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл для лендингов SaaS и ИИ-продуктов, где главное доказательство — реальный интерфейс или размеченный демо-сценарий, а не атмосферные картинки. - [funky-purple-container-tech](https://affpapa.org/nevibecode/skills/funky-purple-container-tech.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт правила для тёмного интерфейса с фиолетовыми акцентами, чёткими рамками контейнеров и футуристичными деталями. - [ambient-section-particles](https://affpapa.org/nevibecode/skills/ambient-section-particles.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл добавляет сдержанную атмосферу из частиц внутри одной секции страницы: лепестки, снег, искры, конфетти. - [reveal-hover-effect](https://affpapa.org/nevibecode/skills/reveal-hover-effect.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл строит эффект «фонарика»: под курсором проявляется второе изображение через мягкую радиальную маску. - [scroll-progress-timeline](https://affpapa.org/nevibecode/skills/scroll-progress-timeline.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Превращает упорядоченный список шагов в интерактивную шкалу процесса со скроллом. - [daily-ui-inspiration-capture](https://affpapa.org/nevibecode/skills/daily-ui-inspiration-capture.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Собирает датированный набор UI-референсов для статьи: изображения, видео, кадры движения и промпты для AI-билдера. - [framed-tech-dark-border-gradient](https://affpapa.org/nevibecode/skills/framed-tech-dark-border-gradient.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл задаёт ИИ-агенту направление тёмного технического дизайна: рамки, градиентные границы, асимметричные панели и монохромная типографика. - [solar-duotone-bold](https://affpapa.org/nevibecode/skills/solar-duotone-bold.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Набор инструкций для оформления интерфейса иконками Iconify Solar Duotone Bold. - [orange-clean-paper-saas](https://affpapa.org/nevibecode/skills/orange-clean-paper-saas.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт ИИ-агенту направление дизайн-системы: тёплые бумажные тона, оранжевый акцент, скруглённые формы и продуктовые иллюстрации. - [dark-blue-contrasting-clean](https://affpapa.org/nevibecode/skills/dark-blue-contrasting-clean.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт ИИ-агенту направление дизайн-системы: почти чёрная навигационная основа, кобальтовые акцентные блоки, белая типографика и тонкие рамки. - [bright-green-tech-system-webgl](https://affpapa.org/nevibecode/skills/bright-green-tech-system-webgl.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл настраивает техническую дизайн-систему с тёмным фоном, угловыми скобками, акцентным зелёным цветом и витриной WebGL для консолей или инженерных панелей. - [nested-container-clean-agency](https://affpapa.org/nevibecode/skills/nested-container-clean-agency.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт ИИ-агенту направление дизайна: внешняя редакционная оболочка, тёмные врезные блоки, скруглённые карточки и сдержанный акцентный цвет. - [glass-dark-mode-clock](https://affpapa.org/nevibecode/skills/glass-dark-mode-clock.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт дизайн-систему тёмного стекла: матовые панели, сетка лучей и круглый циферблат-калибратор в центре страницы. - [tech-green-dark-mode-modern](https://affpapa.org/nevibecode/skills/tech-green-dark-mode-modern.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт правила для тёмного интерфейса с изумрудными акцентами, матовыми поверхностями и моноширинными метками. - [corner-lasers](https://affpapa.org/nevibecode/skills/corner-lasers.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Создаёт угловую композицию из тонких лазерных лучей, яркого источника и атмосферного свечения. - [blue-cloudy-clean-modern](https://affpapa.org/nevibecode/skills/blue-cloudy-clean-modern.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт дизайн-систему с голубым небом, мягкими облаками и белой типографикой. - [nested-container-frames](https://affpapa.org/nevibecode/skills/nested-container-frames.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл задаёт правила вёрстки многоуровневых интерфейсов по принципу «контейнер в контейнере». - [dither-laser-dark-mode](https://affpapa.org/nevibecode/skills/dither-laser-dark-mode.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл задаёт тёмную дизайн-систему с текстурой ordered dither и тонким лазерным акцентом. - [light-mode-paper-technical](https://affpapa.org/nevibecode/skills/light-mode-paper-technical.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт направление дизайн-системы: тёплые бумажные поверхности, тёмная внешняя рамка, тонкая диагональная текстура и один сдержанный акцент. - [book-serif-index](https://affpapa.org/nevibecode/skills/book-serif-index.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт правила для вёрстки книжных интерфейсов и цифровых архивов: антиквенная типографика, эффект состаренной бумаги, маргиналии и моноширинная каталожная навигация. - [blue-laser-clean-glass-layout](https://affpapa.org/nevibecode/skills/blue-laser-clean-glass-layout.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт дизайн-систему тёмного интерфейса: тонкий синий лазер на фоне, матовые стеклянные панели и аккуратный дашборд. - [aura-asset-images](https://affpapa.org/nevibecode/skills/aura-asset-images.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл ищет изображения в библиотеке Aura Assets по тегу и отдаёт прямые ссылки на 5 кандидатов для макетов и лендингов. - [high-contrast-skeuomorphic-clean](https://affpapa.org/nevibecode/skills/high-contrast-skeuomorphic-clean.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт правила создания тёмного скевоморфного интерфейса с высокой контрастностью, фасками и акцентными индикаторами. - [split-layout-technical](https://affpapa.org/nevibecode/skills/split-layout-technical.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт технический двухпанельный макет с тонкими рамками, моно-метаданными и акцентом на иерархию. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=18 ## Уточнить [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