# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 41 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=41 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [daisyui](https://affpapa.org/nevibecode/skills/bobmatnyc-daisyui.md) — скилл · bobmatnyc · Claude Code, Codex, Cursor +3 · 903 установки — Добавляет агенту знание библиотеки daisyUI: семантические классы для 50+ компонентов Tailwind CSS, готовые темы и разметку кнопок, карточек и модалок. - [ios-design-system](https://affpapa.org/nevibecode/skills/ios-design-system.md) — скилл · pproenca · Claude Code, Codex, Cursor +3 · 311 установок — Набор из 50 правил для построения дизайн-системы на SwiftUI в iOS 26 и Swift 6.2. - [app-shell](https://affpapa.org/nevibecode/skills/app-shell.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 328 установок — Набор правил для проектирования шапки, переключателя сервисов, сайдбара и строки статуса. - [codex-theme-creator](https://affpapa.org/nevibecode/skills/codex-theme-creator.md) — скилл · codexthemes · Claude Code, Codex, Cursor +3 · 1300 установок — Скилл собирает тему для десктопного приложения Codex по словесному брифу или референсу: рисует, проверяет в живом приложении и упаковывает в .codex-theme. - [game-development](https://affpapa.org/nevibecode/skills/dylantarre-game-development.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 679 установок — Внедряет 12 диснеевских принципов анимации в код для игровых движков Unity и Unreal. - [don-norman-principles-audit](https://affpapa.org/nevibecode/skills/don-norman-principles-audit.md) — скилл · mastepanoski · Claude Code, Codex, Cursor +3 · 366 установок — Проверяет интерфейс по семи принципам Дона Нормана из «Дизайна привычных вещей» и выдаёт отчёт с рекомендациями. - [shadcn-layouts](https://affpapa.org/nevibecode/skills/shadcn-layouts.md) — скилл · jwynia · Claude Code, Codex, Cursor +3 · 457 установок — Помогает агенту собрать раскладку на shadcn и Tailwind так, чтобы она заработала с первого раза, и разобраться с высотой, скроллом и flex/grid. - [page-transitions](https://affpapa.org/nevibecode/skills/page-transitions.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 669 установок — Скилл для анимации смены маршрутов, модалок и навигации. - [visualize-data](https://affpapa.org/nevibecode/skills/visualize-data.md) — скилл (официальный OpenAI) · Data Analytics Maintainers · Codex, ChatGPT · 11 установок — Скилл проектирует, исправляет и проверяет количественные графики. - [accessibility-and-inclusive-visualization](https://affpapa.org/nevibecode/skills/accessibility-and-inclusive-visualization.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 11 установок — Скилл для Codex и ChatGPT, который проверяет графики, диаграммы и дашборды на доступность: контраст, подписи, клавиатура, текстовая альтернатива. - [fitness-wellness](https://affpapa.org/nevibecode/skills/fitness-wellness.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 663 установки — Скилл задаёт тайминги и приёмы анимации для фитнес-приложений, трекеров тренировок и медитаций. - [linkfox-multimodal-generate-image](https://affpapa.org/nevibecode/skills/linkfox-multimodal-generate-image.md) — скилл · linkfox-ai · Claude Code, Codex, Cursor +3 · 404 установки — Генерирует и редактирует предметные фото по текстовому описанию и ссылкам на образцы. - [image-batch-runner](https://affpapa.org/nevibecode/skills/image-batch-runner.md) — скилл · PostPlusAI · Claude Code, Codex, Cursor +3 · 1000 установок — Автоматизирует пакетную генерацию и правку картинок через утилиту postplus. - [floor-plan-generation](https://affpapa.org/nevibecode/skills/floor-plan-generation.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 911 установок — Генерирует архитектурные чертежи, схемы расстановки мебели и трёхмерные планировки помещений через each::sense AI по текстовому запросу. - [presentations](https://affpapa.org/nevibecode/skills/presentations.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 651 установка — Скилл для анимации в Keynote, PowerPoint и Google Slides. - [maz-ui](https://affpapa.org/nevibecode/skills/maz-ui.md) — скилл · secondsky · Claude Code, Codex, Cursor +3 · 369 установок — Скилл даёт агенту знание Maz-UI v4: 50+ компонентов, composables, директивы и темы для Vue 3 и Nuxt 3. - [e-commerce-retail](https://affpapa.org/nevibecode/skills/e-commerce-retail.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 647 установок — Скилл описывает анимации для карточек товаров, корзины и оформления заказа по 12 принципам Disney. - [educator-teacher](https://affpapa.org/nevibecode/skills/educator-teacher.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 644 установки — Скилл для тех, кто делает обучающие видео и объясняет сложное через анимацию: раскладывает 12 принципов Disney по учебным задачам. - [accessible-motion](https://affpapa.org/nevibecode/skills/accessible-motion.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 642 установки — Скилл помогает заменить опасные анимации на безопасные альтернативы и соблюсти требования WCAG по движению. - [anime-js](https://affpapa.org/nevibecode/skills/dylantarre-anime-js.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 639 установок — Скилл для ИИ-агента, который подсказывает, как собрать анимацию на Anime.js по 12 принципам Disney. - [comic-panel-generation](https://affpapa.org/nevibecode/skills/comic-panel-generation.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 877 установок — Скилл генерирует комиксные панели, стрипы и страницы манги через each::sense: от одиночной сцены до вебтуна и перерисовки фото в комикс. - [remotion-animation](https://affpapa.org/nevibecode/skills/remotion-animation.md) — скилл · ncklrs · Claude Code, Codex, Cursor +3 · 441 установка — Формирует параметры анимаций для Remotion: пружины, интерполяции и тайминги кадров без кода компонентов. - [brand-color-psychology](https://affpapa.org/nevibecode/skills/brand-color-psychology.md) — скилл · mike-coulbourn · Claude Code, Codex, Cursor +3 · 300 установок — Справочник по подбору палитры с учётом психологии восприятия, контрастности и архетипов. - [emotional-narrative](https://affpapa.org/nevibecode/skills/emotional-narrative.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 624 установки — Скилл для анимации, когда движение должно передавать чувство: персонажные моменты, драматические биты, любой кадр, за которым зритель следит. - [gsap-awwwards-website](https://affpapa.org/nevibecode/skills/gsap-awwwards-website.md) — скилл · rebyteai-template · Claude Code, Codex, Cursor +3 · 810 установок — Скилл разворачивает шаблон продуктового лендинга на React 19 с GSAP-анимациями по скроллу и Tailwind CSS 4. - [eda-schematics](https://affpapa.org/nevibecode/skills/eda-schematics.md) — скилл · l3wi · Claude Code, Codex, Cursor +3 · 491 установка — Автоматизирует захват схем KiCad, расставляет символы компонентов и разводит цепи. - [suggest-lucide-icons](https://affpapa.org/nevibecode/skills/suggest-lucide-icons.md) — скилл · nweii · Claude Code, Codex, Cursor +3 · 616 установок — Подбирает иконки из набора Lucide под понятие, место в интерфейсе или заметку. - [svg-art](https://affpapa.org/nevibecode/skills/svg-art.md) — скилл · kv0906 · Claude Code, Codex, Cursor +3 · 510 установок — Скилл для генерации SVG-графики кодом: иконки, паттерны, фракталы, диаграммы и графики через исполняемые Python-скрипты. - [audit](https://affpapa.org/nevibecode/skills/audit.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 10 установок — Пошагово проходит интерфейсы, сохраняет проверенные скриншоты и формирует отчёт по UX и доступности прямо в чате. - [statistical-and-uncertainty-visualization](https://affpapa.org/nevibecode/skills/statistical-and-uncertainty-visualization.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 10 установок — Помогает строить графики и дашборды, которые показывают разброс, интервалы и пропуски в данных, а не прячут их. - [healthcare-medical](https://affpapa.org/nevibecode/skills/healthcare-medical.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 606 установок — Задаёт правила анимации для медицинских приложений, порталов пациентов и телемедицины: спокойные переходы вместо резких. - [critique](https://affpapa.org/nevibecode/skills/aladicf-critique.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 705 установок — Разбирает интерфейс с точки зрения UX, проверяет визуальную иерархию и когнитивную нагрузку. - [hover-interactions](https://affpapa.org/nevibecode/skills/hover-interactions.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 604 установки — Скилл для анимаций при наведении курсора: подсветка кнопок, подъём карточек, подчёркивание ссылок, зум картинок. - [ui-ux-polish](https://affpapa.org/nevibecode/skills/ui-ux-polish.md) — скилл · oakoss · Claude Code, Codex, Cursor +3 · 539 установок — Скилл для итеративной доводки интерфейса веб-приложения: отдельно десктоп и мобильные, паттерны вроде glassmorphism и проверка доступности. - [awesome-design-md](https://affpapa.org/nevibecode/skills/awesome-design-md.md) — скилл · wearescientist · Claude Code, Codex, Cursor +3 · 666 установок — Подбирает стиль интерфейса из библиотеки DESIGN.md и применяет его к вёрстке: layout, цвет, типографика, отступы. - [rhythm-pacing](https://affpapa.org/nevibecode/skills/rhythm-pacing.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 594 установки — Скилл, который помогает агенту выстраивать ритм сцены: биты, паузы, ускорения и замедления в анимации. - [flipoff-split-flap-display](https://affpapa.org/nevibecode/skills/flipoff-split-flap-display.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 849 установок — Скилл помогает собрать, настроить и встроить эмулятор механического flip-табло FlipOff — веб-приложение без сборки и фреймворков. - [playfulness-fun](https://affpapa.org/nevibecode/skills/playfulness-fun.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 594 установки — Скилл для анимаций, которые развлекают: преувеличенные отскоки, покачивания и пружинные кривые. - [eda-pcb](https://affpapa.org/nevibecode/skills/eda-pcb.md) — скилл · l3wi · Claude Code, Codex, Cursor +3 · 467 установок — Проводит трассировку плат и расстановку компонентов в KiCad по готовой схеме и правилам DFM. - [abstract-strategy](https://affpapa.org/nevibecode/skills/abstract-strategy.md) — скилл · jwynia · Claude Code, Codex, Cursor +3 · 400 установок — Помогает проектировать абстрактные настольные игры с полной информацией и без случайности. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=42 ## Уточнить [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