# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 18 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=18 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [scroll-scrubbed-word-reveal](https://affpapa.org/nevibecode/skills/scroll-scrubbed-word-reveal.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл открывает слова в размеченном тексте по мере прокрутки страницы. - [technical-wireframe-info-layout](https://affpapa.org/nevibecode/skills/technical-wireframe-info-layout.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт правила для сборки монохромных инженерных интерфейсов: проволочных 3D-моделей в разрезе, выносных линий и меток диагностики. - [corner-diagonals](https://affpapa.org/nevibecode/skills/corner-diagonals.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл для срезанных углов и фаски на кнопках, карточках и панелях. - [number-details](https://affpapa.org/nevibecode/skills/number-details.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл добавляет декоративные номера 01, 02, 03 к шагам процесса, карточкам и заголовкам. - [gooey-blob-system](https://affpapa.org/nevibecode/skills/gooey-blob-system.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Создаёт эффект слипающихся органических капель с помощью SVG-фильтров. - [dark-glass-clean-layout](https://affpapa.org/nevibecode/skills/dark-glass-clean-layout.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл задаёт тёмную стеклянную систему интерфейса с колонками, плавающими карточками и спокойной глубиной. - [clean-minimal-beige-light-mode](https://affpapa.org/nevibecode/skills/clean-minimal-beige-light-mode.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт направление дизайн-системы: тёплые бежевые поверхности, тихие модульные сетки и сдержанный акцент. - [mesh-gradient-dark-blue-clean](https://affpapa.org/nevibecode/skills/mesh-gradient-dark-blue-clean.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Набор дизайн-правил, CSS-токенов и разметки для тёмно-синего интерфейса с процедурным градиентом на Canvas. - [framed-grid-layout](https://affpapa.org/nevibecode/skills/framed-grid-layout.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл задаёт правила вёрстки страниц с тонкими видимыми границами секций, L-образными уголками и строгой привязкой к сетке. - [webgl-laser](https://affpapa.org/nevibecode/skills/webgl-laser.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл рисует фиксированный полноэкранный фон с тонким вертикальным лучом, цветным ореолом и дымкой. - [image-first-grid-layout](https://affpapa.org/nevibecode/skills/image-first-grid-layout.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт правила вёрстки экранов с полноэкранными фото, полупрозрачными блоками и направляющими линиями сетки. - [dither-background](https://affpapa.org/nevibecode/skills/dither-background.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл для генерации тёмного монохромного фона с крупными квадратными пикселями и упорядоченным дизерингом Байера. - [html-to-interaction-prompts](https://affpapa.org/nevibecode/skills/html-to-interaction-prompts.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Превращает готовую HTML-страницу в статью с промптами для ИИ-конструктора: разбирает анимации, снимает скриншоты, пишет описания. - [globe-particles](https://affpapa.org/nevibecode/skills/globe-particles.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Создаёт трёхмерную визуализацию сферы и орбитального кольца из светящихся частиц на WebGL и Three.js. - [agency-grid-layout-minimal](https://affpapa.org/nevibecode/skills/agency-grid-layout-minimal.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Задаёт направление для минималистичного сайта агентства: строгая сетка, крупная типографика и сдержанные изображения. - [unicorn-studio](https://affpapa.org/nevibecode/skills/unicorn-studio.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Помогает встроить интерактивные WebGL-сцены из Unicorn Studio на сайт: контейнер, адаптивный размер, производительность, слои с текстом и видео. - [skeuomorphic-ui](https://affpapa.org/nevibecode/skills/skeuomorphic-ui.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл генерирует CSS для скевоморфных веб-интерфейсов: объёмных кнопок, переключателей и панелей. - [background-grid-webgl](https://affpapa.org/nevibecode/skills/background-grid-webgl.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл для ИИ-агента, который рисует перспективную WebGL-сетку на фоне: тонкие линии, лёгкая пыль частиц, медленный дрейф вперёд. - [finesse-ui](https://affpapa.org/nevibecode/skills/finesse-ui.md) — скилл · mouse-lin · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл для сборки и доводки веб-интерфейсов: лендинги, дашборды, мобильные экраны, отдельные компоненты. - [epic-design](https://affpapa.org/nevibecode/skills/epic-design.md) — скилл · Abbas Mir · Claude Code · 701 установка — Скилл для Claude Code, который собирает кинематографичные страницы: скролл-сторителлинг, параллакс по слоям, анимация текста. - [create-website](https://affpapa.org/nevibecode/skills/create-website.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 2300 установок — Ведёт от пустой страницы до живого сайта в десять фаз: сначала сообщение, потом дизайн, потом конверсия. - [design-code-architecture](https://affpapa.org/nevibecode/skills/design-code-architecture.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 2300 установок — Ведёт от идеи приложения к продуманной архитектуре: восемь фаз, вопросы на каждой развилке, записи в docs/. - [improve-website](https://affpapa.org/nevibecode/skills/improve-website.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 2300 установок — Ведёт по восьми фазам от живого сайта, который плохо конвертит, к списку правок с обоснованием. - [brand-guidelines](https://affpapa.org/nevibecode/skills/alireza-rezvani-brand-guidelines.md) — скилл · Alireza Rezvani · Claude Code · 696 установок — Помогает применять и оформлять правила бренда: цвета, типографику, логотип и тон коммуникации. - [data-visualization](https://affpapa.org/nevibecode/skills/owl-listener-data-visualization.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2400 установок — Помогает агенту выбрать тип графика и настроить оси, подписи и цвета так, чтобы диаграмма читалась без легенды. - [layout-grid](https://affpapa.org/nevibecode/skills/layout-grid.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл задаёт адаптивную сетку страницы: колонки, отступы между ними, поля и поведение на брейкпоинтах. - [icon-system](https://affpapa.org/nevibecode/skills/icon-system.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2400 установок — Задаёт правила для системы иконок: сетку 24x24px, шкалу размеров, именование и доступность. - [user-flow-diagram](https://affpapa.org/nevibecode/skills/user-flow-diagram.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2400 установок — Строит диаграммы экранных переходов: точки входа, развилки, ветки ошибок. - [dark-mode-design](https://affpapa.org/nevibecode/skills/dark-mode-design.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл переводит готовую светлую палитру в тёмную тему: уровни поверхностей, контраст, приглушение ярких цветов. - [replica-brand](https://affpapa.org/nevibecode/skills/replica-brand.md) — скилл · Jakeschincariol · Claude Code, Codex, Cursor +3 · 617 установок — Генерирует названия для клона приложения, проверяет их по реестрам, задаёт палитру и вычищает упоминания оригинала из кода. - [cinetic](https://affpapa.org/nevibecode/skills/cinetic.md) — скилл · Leonxlnx · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл для съёмки коротких промо-роликов кодом: раскадровка, тайминг, звук и рендер в Remotion или HyperFrames. - [scandinavian-design](https://affpapa.org/nevibecode/skills/scandinavian-design.md) — скилл · ericzakariasson · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл помогает пересмотреть интерфейс в спокойной скандинавской эстетике: сдержанная палитра, понятная иерархия и меньше украшений. - [spline-interactive](https://affpapa.org/nevibecode/skills/spline-interactive.md) — скилл · freshtechbro · Claude Code, Codex, Cursor +3 · 2800 установок — Справочник по интеграции 3D-сцен Spline в веб-проекты. - [gsap-scrolltrigger](https://affpapa.org/nevibecode/skills/freshtechbro-gsap-scrolltrigger.md) — скилл · freshtechbro · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл, который помогает агенту писать анимации на GSAP и скролл-эффекты на ScrollTrigger: твины, таймлайны, пиннинг, параллакс. - [awwwards](https://affpapa.org/nevibecode/skills/awwwards.md) — скилл · juliobsz · Claude Code, Codex, Cursor +3 · 1300 установок — Собирает сайт-портфолио или лендинг из одной фразы, держа планку сайтов, которые побеждают на Awwwards. - [ux-writing](https://affpapa.org/nevibecode/skills/ux-writing.md) — скилл · content-designer · Claude Code, Codex, Cursor +3 · 2700 установок — Пишет и правит подписи кнопок, ошибки, уведомления и тексты пустых состояний по четырём критериям: цель, краткость, разговорность, ясность. - [documd-visuals](https://affpapa.org/nevibecode/skills/documd-visuals.md) — скилл · markdown-viewer · Claude Code, Codex, Cursor +3 · 313 установок — Встраивает диаграммы, графики и архитектурные схемы прямо в Markdown через текстовые блоки. - [grow-app](https://affpapa.org/nevibecode/skills/grow-app.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 2200 установок — Пошагово выстраивает удержание пользователей и цикл привычки через восемь фаз, сохраняя решения в папке docs. - [improve-app](https://affpapa.org/nevibecode/skills/improve-app.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 2200 установок — Ведёт приложение от «работает, но ощущается сырым» к внятному продукту: девять фаз, вопросы на каждом шаге, записи в docs/. - [responsive-design](https://affpapa.org/nevibecode/skills/owl-listener-responsive-design.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл для ИИ-агента, который помогает проектировать макеты и взаимодействия под разные размеры экрана и способы ввода. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=19 ## Уточнить [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