Claude Skills

Скилл для AI-агентов: анализирует скриншоты, изображения и URL, извлекает дизайн-токены, стиль и визуальные эффекты в JSON-профиль, затем генерирует UI с точным воспроизведением исходного дизайна.

Open-source скилл для Claude Code и Codex: анализирует бренд по URL, названию или скриншоту и генерирует полную дизайн-систему — токены цветов, типографику, компоненты, светлую и тёмную тему. Установи один раз — весь UI от ассистента будет соответствовать бренду.

69 правил дизайна + 48 компонентов shadcn + скины брендов Toss/Stripe/Linear/Vercel/Notion. Учит LLM дизайнерскому мышлению, а не просто передаёт данные. Tailwind v4 + Radix. Для vibe-кодинга и AI-разработки UI.

Курируемый список ресурсов для Claude Design от Anthropic Labs: DESIGN.md файлы по эстетическим семействам, рецепты ремиксов, наборы промптов с примерами, скиллы, видеоразборы и мнения сообщества.

Claude Code скилл для проектирования красивых и консистентных веб-страниц. Принимает PRD, URL или скриншот, генерирует читаемый DESIGN.md-файл со спецификацией из 9 разделов, а затем создаёт код, строго следуя ей.

Скилл для Claude Code, создающий профессиональные веб- и мобильные интерфейсы по Apple Human Interface Guidelines. Поддерживает типографику SF Pro, системные цвета, сетку 8pt, компоненты и анимации. Позволяет смешивать HIG с другими стилями.

AI-нативная система генерации PowerPoint в консалтинговом стиле: 65 шаблонов макетов, движок BLOCK_ARC для диаграмм, пайплайн QA после генерации, библиотека иконок. Работает на python-pptx, переносит ~80% вычислений с GPU на CPU.

Claude Code skill для создания диаграмм в стиле Excalidraw по текстовому описанию. Поддерживает экспорт в PNG/SVG/PDF через Kroki API или локальный CLI, встроенную семантическую цветовую систему, точные правила отступов и защиту от типичных ошибок вёрстки.

Набор скиллов для Claude Code, автоматизирующих перевод дизайна в готовый код. Включает интеграцию с Figma MCP, генерацию React/Next.js компонентов, маппинг вариантов и поддержку TypeScript. Подходит для фронтенд-разработчиков.

Claude-скилл для аудита дизайна: анализирует Figma-файлы, HTML/CSS/React/Vue, скриншоты и вайрфреймы по 18 категориям. Выдаёт оценку из 100, отдельные баллы за доступность и этику, приоритизированные проблемы и готовые фиксы.

PencilPlaybook встраивает в Claude Code перцептивную психологию и конкретные дизайн-правила: правильная прозрачность, hover-состояния, типографика. Устраняет «усреднённый AI-мусор» при работе с Pencil.dev.

Claude Skill для создания архитектурных диаграмм: опишите систему словами — получите красивый HTML с переключением тёмной/светлой темы и экспортом в PNG, JPEG, WebP, SVG с нативным рендерингом 4×.

Оркестратор, замыкающий Claude Code и Claude Design в цикл обратной связи: бриф → дизайн → реализация → оценка → доработка. Пропускает результат только при достижении порога точности 9.0/10 по 6 визуальным критериям.

Claude Code скилл для визуального создания тем Obsidian: выбор стиля, цветов и шрифтов с живым превью в браузере. Генерирует CSS-сниппет и автоматически устанавливает шрифты. Не требует знания CSS.

Claude Skill для преобразования markdown, HTML или текста в стилизованные HTML-страницы с AI-обложками и последовательными скриншотами в формате 3:4 для публикации на Xiaohongshu (小红书).

Claude-скилл для UX/UI и продуктовых дизайнеров. Аудит потоков, спецификация состояний компонентов, тайминги, микровзаимодействия и принципы IxD — с готовой документацией для передачи разработчикам.

Claude Skill для создания веб-интерфейсов, постеров и дашбордов в стиле Баухаус и швейцарского интернационального типографического стиля. Поддерживает HTML/CSS/SVG и SwiftUI. Использует сетки, геометрию и строгую типографику.

Claude Code скилл для создания профессиональных .drawio диаграмм из естественного языка. Поддерживает 11 типов макетов, 5 цветовых тем, ортогональную маршрутизацию стрелок и двуязычные подписи. Подходит для архитекторов и разработчиков.

Скилл для Claude Code, обеспечивающий соблюдение стандартов UX/дизайна в WordPress-проектах. Охватывает Core Web Vitals, mobile-first подход, типографику, управление цветом, навигацию и состояния загрузки.

Генерирует рекламные концепции, оценивает их по критериям Cannes Lions и развивает идеи с помощью 20+ методов креативного директора: SIT, TRIZ, SCAMPER и других. Подходит для маркетологов и рекламщиков.

Скилл для Claude Code, обучающий агента создавать визуальные артефакты через 10 каналов вывода: растр, SVG, веб, интерактив, видео, терминал, тепловые карты, gaze-графики, научные фигуры, инфографика. Встроены brand-токены, проверка контраста 8:1 и OLED-палитра.

Claude Code скилл для создания высококачественных HTML-дизайнов: прототипы, слайд-деки, инфографика и дизайн-критика. Библиотека из 20 стилей — классика студий и тренды 2026 года.

Claude Code skill для создания production-качественного UI. Анализирует ваши дизайн-референсы, формирует 12-секционный taste-spec с hex-кодами, шрифтами и отступами, затем генерирует неограниченное количество экранов в вашем стиле.

Claude Code скилл для дизайнеров: превращает черновые заметки о проекте в структурированные кейсы для портфолио. Поддерживает 9 форматов подачи, шаблоны слайдов и гайд по тону. Подходит для UX, продуктовых дизайнеров и фрилансеров.