# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 13 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=13 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [continuous-discovery](https://affpapa.org/nevibecode/skills/continuous-discovery.md) — скилл · wondelai · Claude Code, Codex, Cursor +3 · 5200 установок — Помогает наладить еженедельные интервью с клиентами, построить Opportunity Solution Tree и проверять гипотезы силами продуктового трио. - [gc-minimal-zine-poster-v0-3](https://affpapa.org/nevibecode/skills/gc-minimal-zine-poster-v0-3.md) — скилл · LiamGvchi · Claude Code, Codex, Cursor +3 · 370 установок — Скилл собирает минималистичные зин-постеры с бумажной текстурой: придумывает метафору, пишет промпт и генерирует картинку. - [build-awwwards-quality-sites](https://affpapa.org/nevibecode/skills/build-awwwards-quality-sites.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 3100 установок — Задаёт правила арт-дирекшна и вёрстки интерактивных сайтов уровня Awwwards. - [od-next-media-inputs](https://affpapa.org/nevibecode/skills/od-next-media-inputs.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 311 установок — Готовит медиа-входы по уже замороженному плану OD Next: находит стоковые фото, скачивает их в проект и держит слоты в рамках требований к качеству. - [web-prototype](https://affpapa.org/nevibecode/skills/web-prototype.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 300 установок — Собирает один самодостаточный HTML-прототип из seed-шаблона и восьми скелетов секций. - [ce-prototype](https://affpapa.org/nevibecode/skills/ce-prototype.md) — скилл · EveryInc · Claude Code, Codex, Cursor +3 · 544 установки — Собирает одноразовый прототип, чтобы проверить, как фича должна работать, ощущаться или читаться, пока откат ещё дешёвый. - [component-canvas](https://affpapa.org/nevibecode/skills/component-canvas.md) — скилл · ibelick · Claude Code, Codex, Cursor +3 · 685 установок — Собирает полноэкранный канвас, где компоненты проекта показаны как есть: с панорамированием, зумом и сравнением вариантов. - [motion-framer](https://affpapa.org/nevibecode/skills/motion-framer.md) — скилл · freshtechbro · Claude Code, Codex, Cursor +3 · 5900 установок — Помогает агенту добавлять анимации Motion и Framer Motion в React-интерфейсы: от эффектов наведения до переходов между состояниями. - [qiaomu-mondo-poster-design](https://affpapa.org/nevibecode/skills/qiaomu-mondo-poster-design.md) — скилл · joeseesun · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл генерирует промпты и постеры в альтернативной эстетике Mondo: с ограниченной палитрой, шелкографией и негативным пространством под разные форматы. - [color-expert](https://affpapa.org/nevibecode/skills/meodai-color-expert.md) — скилл · meodai · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл для работы с колористикой, цветовым пространством OKLCH, шкалами дизайн-систем и палитрами для генеративной графики. - [ui-ugui](https://affpapa.org/nevibecode/skills/ui-ugui.md) — скилл · Unity-Technologies · Claude Code, Codex, Cursor +3 · 6400 установок — Скилл помогает разбирать, создавать и точечно менять интерфейсы Unity uGUI. - [design-lab](https://affpapa.org/nevibecode/skills/design-lab.md) — скилл · 0xdesign · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл проводит дизайн-интервью, собирает пять разных вариантов интерфейса во временной лаборатории и доводит выбранный до плана внедрения. - [information-architecture](https://affpapa.org/nevibecode/skills/information-architecture.md) — скилл · julianoczkowski · Claude Code, Codex, Cursor +3 · 5900 установок — Скилл помогает спроектировать структуру веб-приложения или сайта до отрисовки интерфейса. - [design-tokens](https://affpapa.org/nevibecode/skills/design-tokens.md) — скилл · julianoczkowski · Claude Code, Codex, Cursor +3 · 5900 установок — Генерирует файл дизайн-токенов — CSS-переменные или конфиг Tailwind — по выбранной эстетике, со светлой и тёмной темами. - [shadcn-ui-flutter](https://affpapa.org/nevibecode/skills/shadcn-ui-flutter.md) — скилл · nank1ro · Claude Code, Codex, Cursor +3 · 678 установок — Скилл с документацией и примерами пакета shadcn_ui для Flutter: темы, компоненты, готовые сниппеты. - [design-review](https://affpapa.org/nevibecode/skills/design-review.md) — скилл · julianoczkowski · Claude Code, Codex, Cursor +3 · 5800 установок — Проводит структурированную критику интерфейса по брифу и коду: иерархия, консистентность, адаптивность, доступность. - [oklch-skill](https://affpapa.org/nevibecode/skills/oklch-skill.md) — скилл · jakubkrehel · Claude Code, Codex, Cursor +3 · 4600 установок — Переводит цвета в OKLCH, строит палитры без сдвига тона и проверяет контраст по APCA и WCAG. - [page-mascot](https://affpapa.org/nevibecode/skills/page-mascot.md) — скилл · nilbuild · Claude Code, Codex, Cursor +3 · 1300 установок — Ставит на страницу чиби-персонажа, который поворачивает голову к курсору и реагирует на клик. - [cinematic-gsap-lenis-motion-system](https://affpapa.org/nevibecode/skills/cinematic-gsap-lenis-motion-system.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 2400 установок — Настраивает кинематографичную анимацию интерфейса на GSAP, ScrollTrigger и Lenis. - [svg-icon-generator](https://affpapa.org/nevibecode/skills/svg-icon-generator.md) — скилл · Jeremy Longshore · Claude Code, Codex, Cursor +3 · 1300 установок — Скилл для задач с SVG-иконками: подсказывает шаги, пишет код и проверяет результат. - [huashu-slides](https://affpapa.org/nevibecode/skills/huashu-slides.md) — скилл · alchaincyf · Claude Code, Codex, Cursor +3 · 834 установки — Скилл собирает презентации в формате PPTX по структурированному плану. - [grill-me](https://affpapa.org/nevibecode/skills/julianoczkowski-grill-me.md) — скилл · julianoczkowski · Claude Code, Codex, Cursor +3 · 5400 установок — Задаёт вопросы по плану или дизайну, пока не останется нерешённых веток. - [frontend-design](https://affpapa.org/nevibecode/skills/julianoczkowski-frontend-design.md) — скилл · julianoczkowski · Claude Code, Codex, Cursor +3 · 5500 установок — Скилл задаёт правила вёрстки интерфейсов по конкретным эстетическим стилям. - [shadcn-ui](https://affpapa.org/nevibecode/skills/giuseppe-trisciuoglio-shadcn-ui.md) — скилл · giuseppe-trisciuoglio · Claude Code, Codex, Cursor +3 · 22400 установок — Скилл подсказывает агенту, как ставить и настраивать компоненты shadcn/ui: кнопки, диалоги, таблицы, формы с React Hook Form и Zod. - [design-brief](https://affpapa.org/nevibecode/skills/design-brief.md) — скилл · julianoczkowski · Claude Code, Codex, Cursor +3 · 5300 установок — Проводит интервью о задаче, смотрит существующий код и сохраняет дизайн-бриф в markdown. - [product-designer](https://affpapa.org/nevibecode/skills/product-designer.md) — скилл · borghei · Claude Code, Codex, Cursor +3 · 4900 установок — Скилл помогает проектировать интерфейсы, пользовательские сценарии и прототипы. - [grill-me](https://affpapa.org/nevibecode/skills/alireza-rezvani-grill-me.md) — скилл · Alireza Rezvani · Claude Code · 1157 установок — Проводит детальный опрос по архитектурному плану или дизайну, чтобы разобрать дерево решений и зафиксировать договоренности до написания кода. - [art-bible](https://affpapa.org/nevibecode/skills/art-bible.md) — скилл · Donchitos · Claude Code, Codex, Cursor +3 · 539 установок — Скилл проводит автора через девять разделов арт-библии: визуальный стиль, цвет, персонажи, окружение, UI и стандарты ассетов. - [brief-to-tasks](https://affpapa.org/nevibecode/skills/brief-to-tasks.md) — скилл · julianoczkowski · Claude Code, Codex, Cursor +3 · 5200 установок — Превращает дизайн-бриф в упорядоченный список задач методом вертикальных срезов и сохраняет чек-лист в markdown-файл. - [design-flow](https://affpapa.org/nevibecode/skills/design-flow.md) — скилл · julianoczkowski · Claude Code, Codex, Cursor +3 · 5300 установок — Ведёт от уточняющих вопросов до готовых компонентов: шесть фаз подряд, каждая с подтверждением перед следующей. - [ai-image-prompts-skill](https://affpapa.org/nevibecode/skills/ai-image-prompts-skill.md) — скилл · YouMind-OpenLab · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл достаёт из библиотеки на 10 000+ промптов подходящие под ваш запрос и показывает их вместе с примерами картинок. - [beautiful-shadows](https://affpapa.org/nevibecode/skills/beautiful-shadows.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 2200 установок — Скилл подставляет точные arbitrary-классы теней Tailwind для карточек, панелей и поповеров. - [drawio](https://affpapa.org/nevibecode/skills/drawio.md) — скилл (официальный GitHub) · github · GitHub Copilot · 314 установок — Создаёт схемы draw.io в виде файлов .drawio и экспортирует их в PNG, SVG или PDF со встроенным XML. - [ui-design-system](https://affpapa.org/nevibecode/skills/ui-design-system.md) — скилл · Alireza Rezvani · Claude Code · 1076 установок — Скилл собирает дизайн-токены, палитры, типографику и структуру компонентов. - [glassmorphism](https://affpapa.org/nevibecode/skills/typeuish-glassmorphism.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2900 установок — Задаёт агенту правила дизайн-системы в стиле глассморфизма с полупрозрачными слоями, размытием и контрастными токенами. - [cinematic-scroll-storytelling](https://affpapa.org/nevibecode/skills/cinematic-scroll-storytelling.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 2100 установок — Настраивает плавную прокрутку и сценарную анимацию страниц через Lenis и GSAP ScrollTrigger. - [premium](https://affpapa.org/nevibecode/skills/premium.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2700 установок — Задаёт правила дизайн-системы в стиле Apple: токены, отступы, типографику и доступность. - [editorial](https://affpapa.org/nevibecode/skills/editorial.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл задаёт правила редакционного дизайна: серифная типографика, 8pt-сетка, токены цветов и проверки доступности. - [dream-loop](https://affpapa.org/nevibecode/skills/dream-loop.md) — скилл · achimala · Claude Code, Codex, Cursor +3 · 814 установок — Автономно доводит графику игры или приложения до целевого рендера по скриншотам. - [drawio-reconstruction](https://affpapa.org/nevibecode/skills/drawio-reconstruction.md) — скилл · HKUSTDial · Claude Code, Codex, Cursor +3 · 514 установок — Воссоздаёт схемы, слайды и скриншоты в редактируемый формат .drawio с сохранением исходного стиля. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=14 ## Уточнить [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