VITON13School

Скиллы для AI-агентовДизайн

Скиллы для дизайна интерфейсов, анимации и диаграмм

Frontend Design уводит агента от шаблонных страниц и просит сначала спланировать цвет, шрифт и сетку. UI UX Pro Max подбирает стиль и палитру под отрасль продукта, Impeccable добавляет команды аудита и полировки, а Diagram Design рисует схемы в цветах бренда одним HTML-файлом.

скиллов на полке
9
звёзд на GitHub
750,4 тыс.

Все скиллы полки

9 скиллов

  • #1183,4 тыс.

    Frontend Design

    anthropics/skills

    Уводит агента от шаблонного вида интерфейса: палитра, шрифты и сетка под задачу

    ДизайнОдин скилл

    Подробнее
  • #2139,7 тыс.

    UI UX Pro Max

    nextlevelbuilder/ui-ux-pro-max-skill

    Подбирает стиль, палитру, шрифты и структуру интерфейса под нишу продукта

    Дизайн7 скиллов в пакете

    Подробнее
  • #3101,8 тыс.

    Taste Skill

    Leonxlnx/taste-skill

    Арт-дирекция для агента: направление, настоящие фото и проверка страницы в браузере

    ДизайнОдин скилл

    Подробнее
  • #488,5 тыс.

    Archify

    tt-a1i/archify

    Превращает описание системы или код репозитория в интерактивную схему в одном HTML

    ДизайнОдин скилл

    Подробнее
  • #585,8 тыс.

    Impeccable

    pbakaus/impeccable

    24 команды для дизайна интерфейса: аудит, критика, полировка и правка прямо в браузере

    ДизайнОдин скилл

    Подробнее
  • #660,5 тыс.

    Diagram Design

    cathrynlavery/diagram-design

    Схемы в редакционном стиле и в цветах вашего бренда: один HTML-файл с SVG, 45 типов

    ДизайнОдин скилл

    Подробнее
  • #749,2 тыс.

    Apple Design

    emilkowalski/skills

    Принципы плавных интерфейсов Apple из докладов WWDC, переведённые на CSS и JavaScript

    ДизайнОдин скилл

    Подробнее
  • #832,9 тыс.

    web-design-guidelines

    vercel-labs/agent-skills

    Проверяет код интерфейса по 100+ правилам доступности, скорости и UX от Vercel

    ДизайнОдин скилл

    Подробнее
  • #98,6 тыс.

    Stitch Design Skills

    google-labs-code/stitch-skills

    Скиллы для Google Stitch: экраны из текста, DESIGN.md и перевод макетов в React

    Дизайн16 скиллов в пакете

    Подробнее

Звёзды на 24 октября 2026 г.

Вопросы

Какой скилл выбрать для дизайна сайта в Claude Code?

Начните с Frontend Design от Anthropic: он называет типичные приёмы страниц, собранных AI, и отказывается от них. Impeccable вырос из него и добавляет команды аудита, критики и полировки, а Taste Skill предлагает на выбор арт-направления.

Есть ли скилл для проверки доступности интерфейса?

web-design-guidelines от Vercel проверяет код интерфейса по свежим Web Interface Guidelines, включая aria-метки, кольца фокуса и prefers-reduced-motion, и выдаёт замечания в формате файл:строка.

Может ли агент нарисовать схему архитектуры?

Archify превращает описание системы, Mermaid или сам репозиторий в интерактивную диаграмму в одном HTML-файле. Diagram Design рисует редакционные схемы на inline SVG в цветах вашего бренда.

Другие полки

Все скиллы