NeVibeCode · 54 карточки
Скиллы, плагины, субагенты и слэш-команды для задач: дизайн
Подборка для Claude Code, Codex и Cursor по теме «Дизайн»: скиллы, плагины, субагенты и слэш-команды, от популярных к нишевым.
grill-me скилл Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки.
Claude Code
1 424 476установок
prototype скилл Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом.
Claude Code
986 201установок
grilling скилл Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы.
Claude Code
979 543установок
codebase-design скилл Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam.
Claude Code
850 344установок
pptx
официальный скилл Работает с файлами .pptx и .potx: создаёт, читает, меняет и проверяет презентации. Нужен, когда агенту дают слайды или шаблон.
Claude Code Claude.ai
241 433установок
canvas-design
официальный скилл Создаёт плакаты и визуальные постеры в .png и .pdf через собственную дизайн-философию, а не готовые шаблоны.
Claude Code Claude.ai
121 543установок
brainstorming скилл Скилл помогает прояснить задачу до начала работы: задаёт вопросы, изучает контекст и предлагает варианты решения. Нужен для новых функций и другой творческой работы.
Claude Code CX Codex
404 045установок
web-artifacts-builder
официальный скилл Скилл собирает сложные HTML-артефакты для claude.ai на React, Tailwind CSS и shadcn/ui. Подходит для интерфейсов с состоянием и маршрутизацией.
Claude Code Claude.ai
112 122установок
brand-guidelines
официальный скилл Применяет фирменные цвета и шрифты Anthropic к документам, презентациям и другим артефактам. Пригодится, когда нужно оформить материал в фирменном стиле компании.
Claude Code Claude.ai
109 043установок
theme-factory
официальный скилл Применяет готовые цветовые палитры и пары шрифтов к слайдам, документам и HTML-страницам. Подходит, когда материалу нужен единый стиль.
Claude Code Claude.ai
94 921установок
algorithmic-art
официальный скилл Создаёт генеративное искусство на p5.js с seed-случайностью и настройкой параметров. Подходит для flow fields, частиц и кодовых арт-экспериментов.
Claude Code Claude.ai
89 081установок
slack-gif-creator
официальный скилл Скилл помогает создавать анимированные GIF для Slack и проверять их параметры. Подходит для эмодзи и GIF в сообщениях.
Claude Code Claude.ai
75 256установок
excalidraw-diagram-generator
официальный скилл Скилл превращает описание на обычном языке в диаграмму Excalidraw. Подойдёт, когда нужно показать процесс, связи между объектами или устройство системы.
GitHub Copilot
31 639установок
web-design-reviewer
официальный скилл Скилл осматривает работающий сайт, находит проблемы с вёрсткой, адаптивностью и доступностью, а затем может исправить их в исходном коде. Подойдёт, когда нужно проверить интерфейс и довести исправления до повторной проверки.
GitHub Copilot
13 957установок
tailwind-design-system скилл Помогает строить дизайн-системы на Tailwind CSS v4. Пригодится для библиотеки компонентов или унификации интерфейса в проекте.
Claude Code CX Codex Cursor
70 180установок
penpot-uiux-design
официальный скилл Скилл для создания интерфейсов в Penpot через MCP-инструменты: веб, мобайл, дашборды, дизайн-системы. Работает с API Penpot напрямую из редактора кода.
GitHub Copilot
12 782установок
nano-banana-pro-openrouter
официальный скилл Создаёт и редактирует изображения через OpenRouter и модель Gemini 3 Pro Image. Подходит для генерации по тексту, правок файла и композиции нескольких изображений.
GitHub Copilot
9 910установок
plantuml-ascii
официальный скилл Создаёт текстовые диаграммы PlantUML для терминала, README и документации без изображений. Подходит, когда схему нужно хранить рядом с кодом.
GitHub Copilot
9 740установок
image-manipulation-image-magick
официальный скилл Обрабатывает изображения через ImageMagick: меняет размеры, конвертирует форматы и читает метаданные. Пригодится для миниатюр и пакетной обработки.
GitHub Copilot
9 723установок
power-bi-report-design-consultation
официальный скилл Скилл помогает спроектировать Power BI-отчёт: выбрать визуализации, продумать структуру страниц и учесть аудиторию. Пригодится, когда отчёт должен поддерживать конкретные решения.
GitHub Copilot
9 390установок
fluentui-blazor
официальный скилл Скилл подсказывает, как подключать Microsoft Fluent UI Blazor и собирать интерфейсы из Fluent-компонентов. Нужен при разработке и отладке Blazor-приложений.
GitHub Copilot
9 000установок
legacy-circuit-mockups
официальный скилл Создаёт макеты схем на макетной плате с помощью HTML5 Canvas. Пригодится, когда нужно показать расположение компонентов и проводов в проекте по электронике.
GitHub Copilot
8 900установок
brand-landingpage скилл Скилл проводит интервью о продукте и визуальном стиле, затем помогает создать лендинг через Stitch. Подойдёт, если у проекта пока нет готового дизайна.
Claude Code CX Codex Cursor
39 476установок
frontend-developer субагент Субагент помогает собирать фронтенд-приложения на React, Vue и Angular, связывая код с текущей архитектурой проекта. Подойдёт для крупных UI-задач.
Claude Code
40 905установок
ui-ux-designer субагент Субагент помогает проектировать интерфейсы, вайрфреймы и дизайн-системы с учётом исследований пользователей и доступности. Подойдёт для UX-задач в Claude Code, Codex и Cursor.
Claude Code CX Codex Cursor
27 069установок
premium-frontend-ui
официальный скилл Направляет GitHub Copilot при создании визуально выразительных страниц и компонентов с анимацией. Подойдёт для лендинга или интерактивного портфолио.
GitHub Copilot
4 900установок
mobile-android-design скилл Скилл помогает проектировать нативные Android-интерфейсы на Material Design 3 и Jetpack Compose. Подойдёт для экранов, навигации и адаптивных раскладок.
Claude Code CX Codex Cursor
24 847установок
mobile-ios-design скилл Помогает проектировать нативные интерфейсы iOS и писать SwiftUI-вью по Apple HIG. Пригодится для экранов, навигации и адаптивной вёрстки.
Claude Code CX Codex Cursor
23 659установок
responsive-design скилл Помогает строить адаптивные интерфейсы с mobile-first стилями, container queries и fluid-значениями. Нужен для компонентов и страниц, которые меняются вместе с доступным местом.
Claude Code CX Codex Cursor
20 956установок
gsap-framer-scroll-animation
официальный скилл Скилл помогает создавать анимации, связанные со скроллом, через GSAP ScrollTrigger и Framer Motion. Подойдёт для React, Next.js и vanilla JS.
GitHub Copilot
3 900установок
interaction-design скилл Скилл помогает проектировать микровзаимодействия, переходы и состояния обратной связи. Подойдёт для полировки интерфейса и загрузочных экранов.
Claude Code CX Codex Cursor
16 146установок
kpi-dashboard-design скилл Скилл помогает проектировать KPI-дашборды, выбирать метрики и разбирать противоречия в расчётах. Подойдёт для SaaS, операций и анализа когорт.
Claude Code CX Codex Cursor
16 141установок
design-system-patterns скилл Скилл помогает проектировать дизайн-системы: токены, темы и архитектуру компонентов. Подойдёт для UI-библиотек и систем с несколькими брендами.
Claude Code CX Codex Cursor
15 953установок
react-native-design скилл Скилл помогает собирать React Native-приложения со стилями, навигацией и анимациями Reanimated. Пригодится для кроссплатформенной мобильной разработки.
Claude Code CX Codex Cursor
15 522установок
draw-io-diagram-generator
официальный скилл Создаёт и правит диаграммы draw.io в файлах .drawio, .drawio.svg и .drawio.png. Нужен, когда диаграмму требуется получить прямо из запроса к агенту.
GitHub Copilot
2 800установок
visual-design-foundations скилл Скилл помогает задать типографику, цвета и интервалы для проекта. Подойдёт, когда вы создаёте дизайн-токены или приводите интерфейс к единому стилю.
Claude Code CX Codex Cursor
13 566установок
web-component-design скилл Скилл помогает проектировать компоненты для React, Vue и Svelte. Подойдёт для библиотек UI, дизайн-систем и рефакторинга старых компонентов.
Claude Code CX Codex Cursor
13 167установок
wcag-audit-patterns скилл Проверяет веб-интерфейс по WCAG 2.2, сочетая автотесты и ручную проверку. Нужен при поиске нарушений и внедрении доступных паттернов.
Claude Code CX Codex Cursor
12 486установок
napkin
официальный скилл Открывает в браузере доску для набросков и стикеров, а затем помогает Copilot прочитать её. Пригодится, когда удобнее объяснить идею схемой, чем текстом.
GitHub Copilot
2 200установок
playground
официальный скилл Создаёт интерактивные HTML-песочницы с настройками, предпросмотром и готовым промптом. Подходит для визуального изучения темы или сборки небольшого инструмента.
Claude Code
7 967установок
1–40 из 54
Дизайн-скиллы учат агента работать с визуальной частью: типографикой, отступами, анимациями, фирменным стилем, SVG и макетами из Figma. В официальном репозитории anthropics/skills есть, например, frontend-design и brand-guidelines. Хороший скилл этой темы содержит конкретные числа (шкалу размеров, длительности анимаций, палитру), а не общие пожелания «сделай красиво». Если скилл ссылается на макеты, проверьте, нужен ли ему отдельный MCP-сервер для доступа к Figma. Проверить результат глазами агента поможет MCP-сервер браузера.
