К основному содержанию
NeVibe · 8

Скиллы и MCP для задач: дизайн

Подборка для Claude Code, Codex и Cursor по теме «Дизайн»: скиллы, субагенты, правила и MCP-серверы, от популярных к нишевым.

prototypeскилл Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. Claude Code ★ 302 251 ↓ 986 201 grillingскилл Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. Claude Code ★ 302 251 ↓ 979 543 codebase-designскилл Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. Claude Code ★ 302 251 ↓ 850 344 pptxскилл Работает с файлами `.pptx` и `.potx`: создаёт, читает, меняет и проверяет презентации. Нужен, когда агенту дают слайды или шаблон. Claude Code · Claude.ai ★ 183 434 ↓ 241 433 canvas-designскилл Создаёт плакаты и визуальные постеры в .png и .pdf через собственную дизайн-философию, а не готовые шаблоны. Claude Code · Claude.ai ★ 183 434 ↓ 121 543 brand-guidelinesскилл Применяет фирменные цвета и шрифты Anthropic к документам, презентациям и другим артефактам. Пригодится, когда нужно оформить материал в фирменном стиле компании. Claude Code · Claude.ai ★ 183 434 ↓ 109 043 theme-factoryскилл Применяет готовые цветовые палитры и пары шрифтов к слайдам, документам и HTML-страницам. Подходит, когда материалу нужен единый стиль. Claude Code · Claude.ai ★ 183 434 ↓ 94 921 algorithmic-artскилл Создаёт генеративное искусство на p5.js с seed-случайностью и настройкой параметров. Подходит для flow fields, частиц и кодовых арт-экспериментов. Claude Code · Claude.ai ★ 183 434 ↓ 89 081

Дизайн-скиллы учат агента работать с визуальной частью: типографикой, отступами, анимациями, фирменным стилем, SVG и макетами из Figma. В официальном репозитории anthropics/skills есть, например, frontend-design и brand-guidelines. Хороший скилл этой темы содержит конкретные числа (шкалу размеров, длительности анимаций, палитру), а не общие пожелания «сделай красиво». Если скилл ссылается на макеты, проверьте, нужен ли ему отдельный MCP-сервер для доступа к Figma. Проверить результат глазами агента поможет MCP-сервер браузера.

Ещё в NeVibe

Спонсоры проекта

Компании, которые помогают держать аналитику открытой