# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 15 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=15 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [gsap-scrolltrigger-storytelling](https://affpapa.org/nevibecode/skills/gsap-scrolltrigger-storytelling.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл для скролл-сторителлинга: закреплённые секции, послойное появление интерфейса и переходы между сценами на GSAP ScrollTrigger. - [app-icon-optimization](https://affpapa.org/nevibecode/skills/app-icon-optimization.md) — скилл · appeeky · Claude Code, Codex, Cursor +3 · 2700 установок — Помогает проектировать, проверять и A/B-тестировать иконку приложения, чтобы росла доля тапов по ней в поиске и каталоге App Store. - [asset-spec](https://affpapa.org/nevibecode/skills/asset-spec.md) — скилл · Donchitos · Claude Code, Codex, Cursor +3 · 431 установка — Собирает визуальные спецификации по каждому ассету игры и промпты для генерации картинок из GDD и профилей персонажей. - [huashu-motion](https://affpapa.org/nevibecode/skills/huashu-motion.md) — скилл · 花叔 · Claude Code, Codex, Cursor +3 · 827 установок — Собирает motion graphics, launch-видео и explainers из редактируемого кода. - [excalidraw-skill](https://affpapa.org/nevibecode/skills/yctimlin-excalidraw-skill.md) — скилл · yctimlin · Claude Code, Codex, Cursor +3 · 510 установок — Скилл даёт агенту живой холст Excalidraw для схем, импорта и экспорта файлов. - [presentation-deck](https://affpapa.org/nevibecode/skills/presentation-deck.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 3100 установок — Скилл собирает презентацию под конкретную аудиторию и решение: от хука и контекста до доказательств и просьбы. - [figma-codegen](https://affpapa.org/nevibecode/skills/figma-codegen.md) — скилл · awdr74100 · Claude Code, Codex, Cursor +3 · 1300 установок — Генерирует код по макетам Figma с учётом стека проекта, переиспользуя готовые компоненты и дизайн-токены вместо вёрстки с нуля. - [immersive](https://affpapa.org/nevibecode/skills/immersive.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл формулирует правила дизайн-системы для выставочных интерфейсов. - [claude](https://affpapa.org/nevibecode/skills/claude.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Задаёт агенту правила оформления интерфейса: тёплая бумажная основа, почти чёрные чернила, сдержанный акцент. - [tetris](https://affpapa.org/nevibecode/skills/tetris.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл задаёт агенту правила дизайн-системы в духе классической блочной игры: яркие цвета, крупные шрифты, плотная вёрстка. - [pacman](https://affpapa.org/nevibecode/skills/pacman.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл настраивает ИИ-агента на генерацию дизайн-систем и интерфейсов в ретро-стиле аркадных автоматов с пиксельными шрифтами, точечными рамками и контрастной палитрой. - [lingo](https://affpapa.org/nevibecode/skills/lingo.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл задаёт правила для ярких и дружелюбных интерфейсов. - [perspective](https://affpapa.org/nevibecode/skills/perspective.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Задаёт агенту правила дизайн-системы с изометрией, точками схода и слоями. - [expressive](https://affpapa.org/nevibecode/skills/expressive.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Задаёт правила дизайн-системы с яркой палитрой и моноширинным шрифтом IBM Plex Mono. - [skeumorphism](https://affpapa.org/nevibecode/skills/skeumorphism.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл задаёт правила для интерфейсов в стиле скевоморфизма: текстуры, 3D-эффекты и знакомые физические метафоры. - [neon](https://affpapa.org/nevibecode/skills/typeuish-neon.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Задаёт агенту правила дизайн-системы Neon: контрастные пары цветов, свечение и токены вместо сырых значений. - [retro](https://affpapa.org/nevibecode/skills/typeuish-retro.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Задаёт ретро-стиль интерфейса с контрастной палитрой, шрифтами Macondo и JetBrains Mono, а также формирует гайдлайны по стандарту WCAG 2.2 AA. - [vibrant](https://affpapa.org/nevibecode/skills/vibrant.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Задаёт агенту правила яркого интерфейса: палитра, шрифты, отступы и требования доступности. - [levels](https://affpapa.org/nevibecode/skills/levels.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл для ИИ-агента: выдаёт правила дизайн-системы Levels — токены, состояния компонентов, доступность. - [dithered](https://affpapa.org/nevibecode/skills/dithered.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Задаёт правила дизайн-системы в ретро-стиле с точечными паттернами. - [fantasy](https://affpapa.org/nevibecode/skills/fantasy.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл задаёт игровую фэнтезийную визуальную систему для интерфейсов: палитру, типографику, состояния компонентов и правила доступности. - [mono](https://affpapa.org/nevibecode/skills/mono.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Задаёт агенту правила дизайн-системы в стиле matrix: моноширинные шрифты, высокий контраст, компактная плотность. - [vintage](https://affpapa.org/nevibecode/skills/vintage.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Формирует дизайн-системы в ретро-стиле со скевоморфизмом, пиксельными шрифтами и строгими требованиями доступности для фронтенд-компонентов. - [cafe](https://affpapa.org/nevibecode/skills/cafe.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл задаёт дизайн-систему для интерфейсов в стиле уютного кафе. - [flat](https://affpapa.org/nevibecode/skills/flat.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Задаёт агенту правила плоского дизайна: токены, типографику, состояния компонентов и доступность. - [dramatic](https://affpapa.org/nevibecode/skills/dramatic.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2300 установок — Задаёт правила дизайн-системы с высоким контрастом, тёмным фоном и шрифтом Outfit. - [ant](https://affpapa.org/nevibecode/skills/ant.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл задаёт агенту правила дизайн-системы Ant: токены, состояния компонентов, доступность. - [agentic](https://affpapa.org/nevibecode/skills/agentic.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл задаёт агенту правила дизайн-системы для чат-интерфейсов с ИИ: токены, состояния компонентов и проверка доступности. - [cosmic](https://affpapa.org/nevibecode/skills/cosmic.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Задаёт футуристичный научно-фантастический стиль с неоновыми акцентами для дизайн-систем. - [artistic](https://affpapa.org/nevibecode/skills/artistic.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Задаёт агенту правила художественного интерфейса: высокий контраст, выразительные шрифты, смелая палитра. - [friendly](https://affpapa.org/nevibecode/skills/friendly.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл задаёт агенту правила дружелюбного интерфейса: скруглённые элементы, много воздуха, пастельная палитра. - [bold](https://affpapa.org/nevibecode/skills/bold.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл настраивает агента на генерацию правил дизайн-системы с плотной типографикой и стандартом WCAG 2.2 AA. - [gradient](https://affpapa.org/nevibecode/skills/gradient.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл задаёт правила для интерфейсов с плавными цветовыми переходами: токены, типографика, состояния компонентов и требования доступности. - [colorful](https://affpapa.org/nevibecode/skills/colorful.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл задаёт агенту правила дизайн-системы: контрастные палитры, токены, состояния компонентов и критерии доступности. - [creative](https://affpapa.org/nevibecode/skills/creative.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Задаёт правила дизайн-системы для лендингов с акцентной типографикой Bangers и яркой графикой. - [doodle](https://affpapa.org/nevibecode/skills/doodle.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл задаёт игровой doodle-стиль для интерфейсов: рукописные шрифты, наброски и неровные линии. - [spacious](https://affpapa.org/nevibecode/skills/spacious.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Задаёт агенту правила вёрстки с щедрыми отступами, сеткой 8pt и токенами цветов. - [paper](https://affpapa.org/nevibecode/skills/paper.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Задаёт правила дизайн-системы Paper Design с палитрой, шрифтами Roboto и Montserrat и проверками доступности. - [futuristic](https://affpapa.org/nevibecode/skills/futuristic.md) — скилл · typeui.sh · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл задаёт футуристичную систему дизайна: типографику, токены, состояния компонентов и правила доступности. - [tailwindcss](https://affpapa.org/nevibecode/skills/tailwindcss.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл для ИИ-агента, который помогает верстать интерфейсы на Tailwind CSS: сетки, типографика, адаптив, темы и паттерны компонентов. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=16 ## Уточнить [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