frontend-designвыразительный веб-дизайн с Claude
vercel-labs/agent-eval
Направляет Claude на создание самобытных интерфейсов вместо шаблонных решений. Генерирует HTML/CSS/JS и React-компоненты с уникальной типографикой, анимациями и продуманными цветовыми решениями.
Установка
npx -y skills add vercel-labs/agent-eval --skill frontend-design --agent claude-codeИз того же репозитория
web-design-guidelines — аудит UI по гайдлайнам Vercel
vercel-labs/agent-eval
Загружает актуальные Web Interface Guidelines из GitHub Vercel и проверяет код на доступность, дизайн-несоответствия и UX-проблемы. Результат в формате файл:строка.
vercel-react-best-practices — внутренний плейбук Vercel по React
vercel-labs/agent-eval
69 проверок кода React и Next.js: barrel import, async waterfall, лишние ре-рендеры. Расставлены по приоритету влияния на производительность, каждое правило с примерами до/после.