# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 40 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=40 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [md-slides](https://affpapa.org/nevibecode/skills/md-slides.md) — скилл · Alireza Rezvani · Claude Code · 15 установок — Преобразует Markdown-колоду в однофайловую HTML-презентацию с навигацией, заметками докладчика и печатью в PDF. - [figma-ui-skills](https://affpapa.org/nevibecode/skills/figma-ui-skills.md) — скилл · design-skills · Claude Code, Codex, Cursor +3 · 346 установок — Задаёт агенту дизайн-систему интерфейсов Figma: светлую тему, шрифт Inter и сетку 4px. - [design-system-creation](https://affpapa.org/nevibecode/skills/secondsky-design-system-creation.md) — скилл · secondsky · Claude Code, Codex, Cursor +3 · 481 установка — Скилл помогает агенту собрать дизайн-систему: токены, типографику, компоненты и документацию к ним. - [cognitive-walkthrough](https://affpapa.org/nevibecode/skills/cognitive-walkthrough.md) — скилл · mastepanoski · Claude Code, Codex, Cursor +3 · 458 установок — Прогоняет конкретный пользовательский сценарий по методу когнитивного обхода и показывает, где новичок застрянет. - [vercel-ui-skills](https://affpapa.org/nevibecode/skills/vercel-ui-skills.md) — скилл · design-skills · Claude Code, Codex, Cursor +3 · 342 установки — Задаёт агенту жёсткие правила вёрстки в стиле Vercel: светлый фон, Inter, сетка 4px. - [codex-theme-installer](https://affpapa.org/nevibecode/skills/codex-theme-installer.md) — скилл · codexthemes · Claude Code, Codex, Cursor +3 · 1600 установок — Скачивает тему CodexThemes, проверяет архив и ставит файлы в локальную библиотеку. - [codex-theme-switcher](https://affpapa.org/nevibecode/skills/codex-theme-switcher.md) — скилл · codexthemes · Claude Code, Codex, Cursor +3 · 1700 установок — Переключает темы оформления Codex из локальной библиотеки ~/.codexthemes одной командой и показывает, какая тема сейчас активна. - [vtex-io-admin-react](https://affpapa.org/nevibecode/skills/vtex-io-admin-react.md) — скилл · vtex · Claude Code, Codex, Cursor +3 · 1100 установок — Задаёт правила сборки панелей управления в VTEX IO на React: учит агента использовать официальные дизайн-системы, обрабатывать состояния загрузки и строить навигацию. - [image-to-code](https://affpapa.org/nevibecode/skills/image-to-code.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 14 установок — Переносит макеты, скриншоты и концепт-арты в интерактивный веб-интерфейс. - [design-qa](https://affpapa.org/nevibecode/skills/design-qa.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 14 установок — Скилл для сопоставления макета с реализацией перед передачей в разработку. - [design-with-taste](https://affpapa.org/nevibecode/skills/design-with-taste.md) — скилл · cristicretu · Claude Code, Codex, Cursor +3 · 758 установок — Скилл задаёт агенту правила дизайна: постепенное раскрытие интерфейса, плавные переходы и акценты. - [motion-designer](https://affpapa.org/nevibecode/skills/ncklrs-motion-designer.md) — скилл · ncklrs · Claude Code, Codex, Cursor +3 · 570 установок — Продумывает покадровый сценарий видеоролика для Remotion с таймингами, переходами и звуковой дорожкой. - [landing-page-optimization](https://affpapa.org/nevibecode/skills/landing-page-optimization.md) — скилл · manojbajaj95 · Claude Code, Codex, Cursor +3 · 324 установки — Скилл для Claude, который помогает писать и собирать лендинги: копирайт, структура из 11 элементов, CTA и оптимизация конверсии. - [interior-design-visualization](https://affpapa.org/nevibecode/skills/interior-design-visualization.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл отправляет снимки комнат в модель each::sense для визуализации ремонта. - [presentation-design](https://affpapa.org/nevibecode/skills/aaronvanston-presentation-design.md) — скилл · aaronvanston · Claude Code, Codex, Cursor +3 · 800 установок — Задаёт визуальные правила для смелых минималистичных презентаций: тёмная тема, крупные заголовки, акцентные цвета по секциям. - [efecto-social-media](https://affpapa.org/nevibecode/skills/efecto-social-media.md) — скилл · pablostanley · Claude Code, Codex, Cursor +3 · 636 установок — Генерирует макеты для соцсетей через холст efecto.app. - [framer-ui-skills](https://affpapa.org/nevibecode/skills/framer-ui-skills.md) — скилл · design-skills · Claude Code, Codex, Cursor +3 · 320 установок — Задаёт агенту жёсткие правила вёрстки в стиле Framer: тёмный фон, шрифт Inter, сетка 4px. - [html-visual](https://affpapa.org/nevibecode/skills/html-visual.md) — скилл · 2ykwang · Claude Code, Codex, Cursor +3 · 475 установок — Собирает интерактивную визуализацию в одном HTML-файле: макет, ERD, блок-схему, график или слайды. - [interaction-design](https://affpapa.org/nevibecode/skills/secondsky-interaction-design.md) — скилл · secondsky · Claude Code, Codex, Cursor +3 · 441 установка — Скилл для проектирования отклика интерфейса: состояния загрузки, ошибки, пустые экраны, анимация и доступность. - [scrollytelling-and-parallax-data-visualization](https://affpapa.org/nevibecode/skills/scrollytelling-and-parallax-data-visualization.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 13 установок — Помогает проектировать скроллителлинг и параллакс-визуализации данных. - [geospatial-and-cartographic-visualization](https://affpapa.org/nevibecode/skills/geospatial-and-cartographic-visualization.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 13 установок — Скилл помогает спроектировать карту: выбрать проекцию, подложку, тип визуализации и стек. - [d3-data-visualization](https://affpapa.org/nevibecode/skills/d3-data-visualization.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 13 установок — Скилл помогает собирать кастомные визуализации на D3: SVG- и DOM-графики, подписи, аннотации и интерактивность. - [anthropic-ui-skills](https://affpapa.org/nevibecode/skills/anthropic-ui-skills.md) — скилл · design-skills · Claude Code, Codex, Cursor +3 · 313 установок — Задаёт агенту правила интерфейсов в стиле Anthropic: светлый фон, шрифт Inter, сетка 4px. - [3d-spatial](https://affpapa.org/nevibecode/skills/3d-spatial.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 771 установка — Переносит 12 классических принципов анимации Диснея в 3D, VR и AR. - [qr-code-generator](https://affpapa.org/nevibecode/skills/qr-code-generator.md) — скилл · manojbajaj95 · Claude Code, Codex, Cursor +3 · 312 установок — Генерирует QR-коды в PNG и SVG с разметкой UTM и подписями. - [webflow-mcp:figma-to-webflow](https://affpapa.org/nevibecode/skills/webflow-mcpfigma-to-webflow.md) — скилл · webflow · Claude Code, Codex, Cursor +3 · 373 установки — Переносит макеты и компоненты из Figma в Webflow через Figma MCP и Webflow MCP, создавая нативные классы и стили. - [tdesign-miniprogram](https://affpapa.org/nevibecode/skills/tdesign-miniprogram.md) — скилл · joneqian · Claude Code, Codex, Cursor +3 · 396 установок — Скилл подсказывает агенту, как собирать интерфейс мини-программ WeChat на компонентах TDesign от Tencent: 60+ элементов, тёмная тема, кастомизация. - [ios-animations](https://affpapa.org/nevibecode/skills/ios-animations.md) — скилл · pproenca · Claude Code, Codex, Cursor +3 · 340 установок — Правила анимаций для SwiftUI под Swift 6.2 и архитектуру Clinic MVVM-C. - [gsap-greensock](https://affpapa.org/nevibecode/skills/gsap-greensock.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 730 установок — Скилл подсказывает агенту, как применить 12 диснеевских принципов анимации в GreenSock: от сжатия и растяжения до движения по дуге через твины и таймлайны. - [morphing-icons](https://affpapa.org/nevibecode/skills/morphing-icons.md) — скилл · raphael-salaja · Claude Code, Codex, Cursor +3 · 362 установки — Скилл помогает создавать компоненты иконок, плавно перетекающих друг в друга за счёт трансформации трёх SVG-линий вместо обычного crossfade. - [nuxt-ui-v4](https://affpapa.org/nevibecode/skills/nuxt-ui-v4.md) — скилл · secondsky · Claude Code, Codex, Cursor +3 · 410 установок — Скилл для сборки интерфейсов на Nuxt UI v4: 125+ компонентов, Tailwind v4, тёмная тема. - [naming](https://affpapa.org/nevibecode/skills/jwynia-naming.md) — скилл · jwynia · Claude Code, Codex, Cursor +3 · 491 установка — Диагностирует неудачные названия брендов, продуктов и персонажей и помогает собрать рабочее имя по звукам, смыслу и практичности. - [mui-base](https://affpapa.org/nevibecode/skills/mui-base.md) — скилл · pproenca · Claude Code, Codex, Cursor +3 · 328 установок — Скилл с 48 правилами для сборки headless-библиотек React-компонентов по стилю MUI Base UI. - [css-native](https://affpapa.org/nevibecode/skills/dylantarre-css-native.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 716 установок — Скилл помогает агенту писать анимации на чистом CSS: @keyframes, transition, transform. - [saas-productivity](https://affpapa.org/nevibecode/skills/saas-productivity.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 709 установок — Задаёт принципы анимации для рабочих интерфейсов: задач, форм, панелей и уведомлений. - [shadcn-ui](https://affpapa.org/nevibecode/skills/existential-birds-shadcn-ui.md) — скилл · existential-birds · Claude Code, Codex, Cursor +3 · 351 установка — Подсказывает агенту, как собирать компоненты на shadcn/ui: Radix, Tailwind, CVA-варианты и data-slot. - [ui-design-patterns](https://affpapa.org/nevibecode/skills/ui-design-patterns.md) — скилл · manutej · Claude Code, Codex, Cursor +3 · 853 установки — Справочник по типовым паттернам интерфейса: навигация, формы, вывод данных, обратная связь и доступность. - [tailwindcss-responsive-darkmode](https://affpapa.org/nevibecode/skills/tailwindcss-responsive-darkmode.md) — скилл · JosiahSiegel · Claude Code, Codex, Cursor +3 · 476 установок — Скилл по Tailwind CSS: адаптивная вёрстка, тёмная тема, переключение на лету и защита от вспышки нестилизованного контента. - [ux-principles](https://affpapa.org/nevibecode/skills/ux-principles.md) — скилл · manutej · Claude Code, Codex, Cursor +3 · 836 установок — Подключает к агенту эвристики юзабилити, методы юзер-ресёрча и проверки доступности, чтобы интерфейсы проектировались по правилам, а не на глаз. - [assetseeker](https://affpapa.org/nevibecode/skills/assetseeker.md) — скилл · Agents365-ai · Claude Code, Codex, Cursor +3 · 404 установки — Ищет фотографии, иконки, видео, музыку, звуки и шрифты в онлайн-источниках. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=41 ## Уточнить [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