# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 33 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=33 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [whiteboard-animation](https://affpapa.org/nevibecode/skills/whiteboard-animation.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл учит ИИ анимировать векторные рисунки и рукописный текст в стиле VideoScribe с рукой, держащей маркер. - [diagram-animation](https://affpapa.org/nevibecode/skills/diagram-animation.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл для ИИ-кодинга, который превращает статичную диаграмму или график в пошаговое появление: узлы, связи, подписи, растущие столбцы. - [explainer-video](https://affpapa.org/nevibecode/skills/explainer-video.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 1500 установок — Ведёт агента по всему конвейеру: сценарий, раскадровка, сборка сцен, синхронизация озвучки и субтитров. - [exporting-to-png](https://affpapa.org/nevibecode/skills/exporting-to-png.md) — скилл · spencerpauly · Claude Code, Codex, Cursor +3 · 401 установка — Скилл обучает агента преобразовывать код, диаграммы Mermaid, вывод терминала и SVG в PNG-файлы с помощью консольных утилит или headless-браузера. - [godot-ui](https://affpapa.org/nevibecode/skills/godot-ui.md) — скилл · Zate · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл даёт агенту знания о Control-нодах, темах и типовых экранах Godot. - [ui-design](https://affpapa.org/nevibecode/skills/ui-design.md) — скилл · TencentCloudBase · Claude Code, Codex, Cursor +3 · 1800 установок — Заставляет агента сначала выдать дизайн-спецификацию — палитру, шрифты, сетку — и только потом писать код интерфейса. - [frontend-design-review](https://affpapa.org/nevibecode/skills/frontend-design-review.md) — скилл · microsoft · Claude Code, GitHub Copilot · 237 установок — Скилл проверяет и создаёт интерфейсы с учётом дизайна, доступности и дизайн-системы. - [aceternity-ui](https://affpapa.org/nevibecode/skills/aceternity-ui.md) — скилл · Claude Skills Maintainers · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл подключает к агенту библиотеку Aceternity UI: больше 100 анимированных компонентов React для Next.js с Tailwind. - [scenario-blender-previs-storyboard](https://affpapa.org/nevibecode/skills/scenario-blender-previs-storyboard.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 339 установок — Помогает превратить сценарий в 3D-превиз, сториборд или аниматик в Blender. - [responsive-web-design](https://affpapa.org/nevibecode/skills/responsive-web-design.md) — скилл · aj-geddes · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл для ИИ-агента, который помогает писать адаптивные интерфейсы на Flexbox, CSS Grid и медиазапросах. - [structured-artifact](https://affpapa.org/nevibecode/skills/structured-artifact.md) — скилл · haowjy · Claude Code, Codex, Cursor +3 · 387 установок — Скилл для сборки структурированных HTML-артефактов: помогает агенту решить, как подать материал, и только потом выбрать инструменты. - [generating-images](https://affpapa.org/nevibecode/skills/spencerpauly-generating-images.md) — скилл · spencerpauly · Claude Code, Codex, Cursor +3 · 388 установок — Скилл генерирует и правит изображения через OpenAI Image API на модели gpt-image-2. - [iphone-duo-design-review](https://affpapa.org/nevibecode/skills/iphone-duo-design-review.md) — скилл · mirzaaghazadeh · Claude Code, Codex, Cursor +3 · 584 установки — Скилл проверяет интерфейсы для складного iPhone Duo во всех позах: закрытой, открытой, книжной, настольной и палатке. - [nextjs-shadcn](https://affpapa.org/nevibecode/skills/nextjs-shadcn.md) — скилл · laguagu · Claude Code, Codex, Cursor +3 · 835 установок — Скилл помогает агенту собрать интерфейс Next.js с shadcn/ui: выбрать шрифты, тему, фон и эффекты под задачу продукта. - [roblox-game-design](https://affpapa.org/nevibecode/skills/roblox-game-design.md) — скилл · TabooHarmony · Claude Code, Codex, Cursor +3 · 1300 установок — Помогает выстроить базовый геймплейный цикл, онбординг без всплывающих окон, экономику и фазы удержания игроков в плейсах Roblox. - [markdown-html-orchestrator](https://affpapa.org/nevibecode/skills/markdown-html-orchestrator.md) — скилл · Alireza Rezvani · Claude Code · 46 установок — Маршрутизирует длинные Markdown-документы, код-ревью и слайды в подходящий конвертер, который создаёт HTML-файл. - [presentation-creator](https://affpapa.org/nevibecode/skills/mblode-presentation-creator.md) — скилл · mblode · Claude Code, Codex, Cursor +3 · 881 установка — Скилл превращает документы и идеи в структуру презентации, слайды с текстом и заметками докладчика. - [tailwindcss](https://affpapa.org/nevibecode/skills/mindrally-tailwindcss.md) — скилл · Mindrally · Claude Code, Codex, Cursor +3 · 1500 установок — Задаёт агенту стиль работы с TailwindCSS: утилитарные классы прямо в разметке, мобильный первым, тёмная тема через вариант dark:. - [photo-composition-critic](https://affpapa.org/nevibecode/skills/photo-composition-critic.md) — скилл · curiositech · Claude Code, Codex, Cursor +3 · 643 установки — Скилл для критики фотографий: оценивает композицию, цвет и эстетику, даёт конкретные замечания. - [video-motion-graphics](https://affpapa.org/nevibecode/skills/video-motion-graphics.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл внедряет 12 классических принципов анимации Диснея в проекты After Effects и Premiere Pro. - [mobile-touch](https://affpapa.org/nevibecode/skills/mobile-touch.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл для ИИ-агента, который помогает проектировать жесты, хаптику и анимации в iOS и Android. - [scenario-blender-grease-pencil](https://affpapa.org/nevibecode/skills/scenario-blender-grease-pencil.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 305 установок — Управляет Grease Pencil v3 в Blender 5.x через Python: создаёт 2D-риги, настраивает заливки и покадровую анимацию. - [css-animation-creator](https://affpapa.org/nevibecode/skills/css-animation-creator.md) — скилл · OneWave-AI · Claude Code, Codex, Cursor +3 · 805 установок — Скилл для ИИ-кодинга, который помогает писать CSS-анимации, переходы, микроинтеракции и анимации по скроллу. - [frontend-accessibility-best-practices](https://affpapa.org/nevibecode/skills/frontend-accessibility-best-practices.md) — скилл · sergiodxa · Claude Code, Codex, Cursor +3 · 863 установки — Скилл с 7 правилами доступности для React: семантическая вёрстка, скринридеры, клавиатура, настройки пользователя. - [css-architecture](https://affpapa.org/nevibecode/skills/css-architecture.md) — скилл · aj-geddes · Claude Code, Codex, Cursor +3 · 959 установок — Скилл для ИИ-агента, который помогает разложить CSS по методологиям BEM, SMACSS и CSS-in-JS. - [pulsar-haptics](https://affpapa.org/nevibecode/skills/pulsar-haptics.md) — скилл · software-mansion-labs · Claude Code, Codex, Cursor +3 · 380 установок — Скилл настраивает тактильный отклик через библиотеку Pulsar в мобильных и веб-приложениях. - [blender-lighting](https://affpapa.org/nevibecode/skills/blender-lighting.md) — скилл · RobLe3 · Claude Code, Codex, Cursor +3 · 1200 установок — Настраивает студийный, кинематографичный или уличный свет в сценах Blender через готовые Python-сценарии и MCP-сервер. - [animation-designer](https://affpapa.org/nevibecode/skills/animation-designer.md) — скилл · daffy0208 · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл для веб-анимаций: переходы страниц, появление компонентов, параллакс и микро-взаимодействия на Framer Motion и CSS. - [lorem-ipsum](https://affpapa.org/nevibecode/skills/lorem-ipsum.md) — скилл · intellectronica · Claude Code, Codex, Cursor +3 · 511 установок — Генерирует текст-рыбу через готовый Python-скрипт с точным контролем структуры, длины и формата. - [product-design](https://affpapa.org/nevibecode/skills/product-design.md) — скилл · mblode · Claude Code, Codex, Cursor +3 · 825 установок — Скилл разбирает продуктовые решения в интерфейсе: какой контрол поставить, что делает действие, нужна ли отмена. - [book-illustrator](https://affpapa.org/nevibecode/skills/book-illustrator.md) — скилл · jamesrochabrun · Claude Code, Codex, Cursor +3 · 453 установки — Помогает создавать иллюстрации для детских книг с учётом возраста от 0 до 12 лет, теории цвета и правил композиции. - [design-mirror](https://affpapa.org/nevibecode/skills/design-mirror.md) — скилл · brightdata · Claude Code, Codex, Cursor +3 · 340 установок — Скилл снимает визуальные особенности сайта и переносит их в существующий код. - [maplibre-cartography](https://affpapa.org/nevibecode/skills/maplibre-cartography.md) — скилл · maplibre · Claude Code, Codex, Cursor +3 · 419 установок — Скилл с картографическими правилами для MapLibre GL JS: подбирает цвета подписей и значков, порядок слоёв и контраст. - [ui-refactor](https://affpapa.org/nevibecode/skills/ui-refactor.md) — скилл · LovroPodobnik · Claude Code, Codex, Cursor +3 · 494 установки — Скилл обучает ассистента правилам интерфейсного дизайна: выстраивать иерархию, задавать сетки отступов и подбирать шрифтовые пары вместо случайных правок стилей. - [hig-foundations](https://affpapa.org/nevibecode/skills/hig-foundations.md) — скилл · raintree-technology · Claude Code, Codex, Cursor +3 · 730 установок — Скилл с основами Apple Human Interface Guidelines: цвет, типографика, SF Symbols, тёмная тема, доступность. - [character-design](https://affpapa.org/nevibecode/skills/character-design.md) — скилл · fal-ai-community · Claude Code, Codex, Cursor +3 · 449 установок — Скилл помогает создавать персонажей и сохранять их внешность между изображениями и видео. - [developer-portal-design](https://affpapa.org/nevibecode/skills/developer-portal-design.md) — скилл · Samuel Berthe · Claude Code, Codex, Cursor +3 · 8100 установок — Скилл ведёт проектирование внешнего портала для разработчиков как продукта: аудитории, информационная архитектура, путь до первого вызова API, RBAC. - [mobile-first-design](https://affpapa.org/nevibecode/skills/mobile-first-design.md) — скилл · aj-geddes · Claude Code, Codex, Cursor +3 · 857 установок — Скилл задаёт порядок работы над интерфейсом: сначала мобильный экран, потом планшет и десктоп. - [figma-use](https://affpapa.org/nevibecode/skills/figma-use.md) — скилл (официальный OpenAI) · Figma · Codex, ChatGPT · 36 установок — Скилл задаёт правила работы с Figma Plugin API через инструмент use_figma. - [generate-image](https://affpapa.org/nevibecode/skills/openclaudia-generate-image.md) — скилл · OpenClaudia · Claude Code, Codex, Cursor +3 · 343 установки — Скилл генерирует изображения по текстовому описанию через OpenAI или Stability AI. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=34 ## Уточнить [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