image-to-codeсайт из изображения-референса
plugin87/ux-ui-agent-skills
Claude сначала создаёт дизайн-макет по картинке, потом реализует — не угадывает из памяти. Дизайн-процесс перед кодом для точного результата.
Установка
npx -y skills add plugin87/ux-ui-agent-skills --skill image-to-code --agent claude-codeИз того же репозитория
apply-aesthetic — применить Linear Stripe Notion стиль
plugin87/ux-ui-agent-skills
Для применения эстетики Linear, Stripe или Notion к интерфейсу.
brandkit — брендовые макеты без AI-клише
plugin87/ux-ui-agent-skills
Генерирует presentation-ready бренд-кит борды с правильной сеткой: не AI-слоп. Шрифты, цветовые системы, логотипы в реальном применении.
design-code — дизайн-код UX/UI агент
plugin87/ux-ui-agent-skills
Дизайн-код для UX/UI.
design-component — компонент дизайна UX/UI агент
plugin87/ux-ui-agent-skills
Компонент дизайна UX/UI.
design-qa — QA дизайна UX/UI агент
plugin87/ux-ui-agent-skills
QA дизайна UX/UI.
a11y-audit — WCAG 2.2 аудит компонентов
plugin87/ux-ui-agent-skills
WCAG 2.2 аудит UI компонентов: критерии, успехи и конкретные рекомендации по исправлению проблем доступности.