# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 16 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=16 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [progressive-blur](https://affpapa.org/nevibecode/skills/progressive-blur.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл создаёт верхний или нижний градиентный blur в CSS через слои backdrop-filter. - [cobejs](https://affpapa.org/nevibecode/skills/cobejs.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл помогает агенту собрать лёгкий вращающийся глобус с метками на cobe, без полного three.js. - [native-feel-cross-platform-desktop](https://affpapa.org/nevibecode/skills/native-feel-cross-platform-desktop.md) — скилл · yetone · Claude Code, Codex, Cursor +3 · 608 установок — Скилл для проектирования кросс-платформенных десктопных приложений, которые ощущаются нативными: окна, хоткеи, материалы, запуск. - [anti-ui-slop](https://affpapa.org/nevibecode/skills/davepoon-anti-ui-slop.md) — скилл · davepoon · Claude Code, Codex, Cursor +3 · 475 установок — Не даёт агенту выдать типовой интерфейс: разбирает экран по контексту продукта, закрывает обязательные состояния и проверяет результат на явные дефекты. - [sega](https://affpapa.org/nevibecode/skills/sega.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2200 установок — Задаёт правила аркадного ретро-интерфейса: пиксельный шрифт VT323, нулевые скругления и кнопки с физическим смещением. - [matrix](https://affpapa.org/nevibecode/skills/matrix.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2200 установок — Скилл задаёт правила для тёмного Matrix-интерфейса: токены, компоненты, состояния и требования доступности. - [riso](https://affpapa.org/nevibecode/skills/riso.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2200 установок — Задаёт агенту правила дизайн-системы в стиле двухцветной ризограф-печати: тёплая бумага, розовый акцент, синие заголовки. - [fiction](https://affpapa.org/nevibecode/skills/fiction.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2200 установок — Скилл задаёт правила дизайн-системы Fiction в стиле детских книг: тёплый кремовый фон, шрифт Cossette Texte, толстые чёрные контуры и стандарт доступности WCAG 2.2 AA. - [terracotta](https://affpapa.org/nevibecode/skills/terracotta.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл задаёт ИИ-агенту правила дизайн-системы Terracotta: кремовые поверхности, тёмно-коричневые заголовки антиквой и один терракотовый акцент. - [impeccable](https://affpapa.org/nevibecode/skills/typeuish-impeccable.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл задаёт агенту правила дизайн-системы: токены, типографику, состояния компонентов и проверку доступности. - [codex](https://affpapa.org/nevibecode/skills/typeuish-codex.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл задаёт строгий минималистичный стиль интерфейса и генерирует спецификации дизайн-системы по стандарту WCAG 2.2 AA. - [sketch](https://affpapa.org/nevibecode/skills/sketch.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл задаёт правила дизайн-системы для интерфейсов в стиле ручного скетча. - [ppt-visual](https://affpapa.org/nevibecode/skills/ppt-visual.md) — скилл · claude-office-skills · Claude Code, Codex, Cursor +3 · 12100 установок — Проектирует макеты слайдов, подбирает цвета и шрифты. - [figma-build](https://affpapa.org/nevibecode/skills/figma-build.md) — скилл · awdr74100 · Claude Code, Codex, Cursor +3 · 1300 установок — Собирает дизайн в подключённом Figma-файле из кода или описания и переиспользует его компоненты, переменные и стили. - [banana](https://affpapa.org/nevibecode/skills/banana.md) — скилл · AgriciDaniel · Claude Code, Codex, Cursor +3 · 912 установок — Помогает планировать, генерировать и редактировать изображения через Google Gemini. - [webgl-3d-object](https://affpapa.org/nevibecode/skills/webgl-3d-object.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1600 установок — Добавляет в агент правила генерации трёхмерных объектов на Three.js с честным PBR-освещением, тенями и анимацией вместо псевдо-3D на CSS. - [video-to-superprompt](https://affpapa.org/nevibecode/skills/video-to-superprompt.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1600 установок — Разбирает референсное видео и готовит подробный промпт для воссоздания интерфейса, анимаций и прокрутки. - [pricing-page](https://affpapa.org/nevibecode/skills/pricing-page.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1600 установок — Помогает собрать или переписать страницу тарифов SaaS: структура, планы, тексты, FAQ и разметка под поиск и ИИ-ответы. - [webgl-landing-steering](https://affpapa.org/nevibecode/skills/webgl-landing-steering.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1600 установок — Скилл помогает выбрать визуальное направление, стек Three.js и ограничения производительности для лендинга с WebGL до написания кода. - [masked-reveal](https://affpapa.org/nevibecode/skills/masked-reveal.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1600 установок — Скилл добавляет появление слов через маску при прокрутке с GSAP ScrollTrigger. - [pixel-art](https://affpapa.org/nevibecode/skills/pixel-art.md) — скилл · wanshuiyin · Claude Code, Codex, Cursor +3 · 548 установок — Скилл рисует пиксельные SVG-иллюстрации для README, документации и слайдов. - [create-canvas](https://affpapa.org/nevibecode/skills/create-canvas.md) — скилл · ibelick · Claude Code, Codex, Cursor +3 · 381 установка — Скилл собирает в проекте свободный холст, где варианты интерфейса или контента живут рядом, двигаются и сравниваются без перезагрузки страницы. - [roku](https://affpapa.org/nevibecode/skills/roku.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2000 установок — Задаёт агенту правила дизайн-системы приложения: фиолетовая палитра, верхняя навигация, карточные раскладки. - [power](https://affpapa.org/nevibecode/skills/power.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2000 установок — Задаёт агенту правила тёмного интерфейса: крупные заголовки, монохромная палитра, токены и проверки доступности. - [geometric](https://affpapa.org/nevibecode/skills/geometric.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2000 установок — Задаёт правила геометрической дизайн-системы с нейтральными цветами и шрифтами Inter. - [stitch](https://affpapa.org/nevibecode/skills/stitch.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл задаёт правила для интерфейсов с данными: токены, состояния компонентов, доступность и QA-проверки. - [web3d-integration-patterns](https://affpapa.org/nevibecode/skills/web3d-integration-patterns.md) — скилл · freshtechbro · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл помогает проектировать 3D-сцены, где Three.js, React Three Fiber и библиотеки анимации работают вместе. - [vantajs](https://affpapa.org/nevibecode/skills/vantajs.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Помогает добавить анимированный фон на Vanta.js и настроить его в статическом сайте, React или Next.js. - [atmosphere-background](https://affpapa.org/nevibecode/skills/atmosphere-background.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл для генерации тёмного атмосферного фона: вертикальные световые складки медленно дрейфуют, свечение складывается в углу или у нижнего края. - [editorial-tech](https://affpapa.org/nevibecode/skills/editorial-tech.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Задаёт правила вёрстки на стыке журнальной графики и строгого интерфейса: асимметричная сетка, панорамные медиа-полосы, моноширинные метки и один акцентный цвет. - [css-alpha-masking](https://affpapa.org/nevibecode/skills/css-alpha-masking.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл добавляет CSS-маски с градиентным исчезновением по краям. - [glass-dark-ui](https://affpapa.org/nevibecode/skills/glass-dark-ui.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Настраивает тёмный глассморфизм с матовыми панелями и градиентными рамками через CSS-маски. - [build-threejs-scroll-worlds](https://affpapa.org/nevibecode/skills/build-threejs-scroll-worlds.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл помогает собирать интерактивные Three.js-миры, где нативный скролл ведёт через несколько сцен. - [container-lines](https://affpapa.org/nevibecode/skills/container-lines.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл добавляет тонкие вертикальные линии по краям контентного контейнера и мини-квадраты в углах секций. - [company-logos](https://affpapa.org/nevibecode/skills/company-logos.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл настраивает добавление логотипов брендов через Iconify Simple Icons в сетке 64x64 вместо текстовых названий и случайных картинок. - [marquee-loop](https://affpapa.org/nevibecode/skills/marquee-loop.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл помогает собрать бесконечную бегущую строку из логотипов, отзывов или скриншотов. - [css-border-gradient](https://affpapa.org/nevibecode/skills/css-border-gradient.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Добавляет в веб-интерфейс аккуратные градиентные рамки через CSS или Tailwind. - [scroll-scrubbed-visual-sequence](https://affpapa.org/nevibecode/skills/scroll-scrubbed-visual-sequence.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Собирает обратимые визуальные сцены, управляемые прокруткой: от сборки продукта до смены состояний интерфейса. - [unsplash-asset-images](https://affpapa.org/nevibecode/skills/unsplash-asset-images.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1600 установок — Скилл подбирает фотографии Unsplash под аватары, хедшоты, фоны и обои и сразу называет нужные пропорции и разрешения. - [scroll-world-storytelling](https://affpapa.org/nevibecode/skills/scroll-world-storytelling.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1600 установок — Скилл превращает статьи, кейсы и продуктовые истории в кинематографичные скролл-лендинги. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=17 ## Уточнить [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