Skills/Ревью по Web Interface Guidelines

Ревью по Web Interface Guidelines

8 августа 2026

Проверяет UI-код на соответствие руководству Vercel по веб-интерфейсам: доступность, фокус, формы, анимации, типографика и мелочи, которые обычно упускают.

Описание

ДизайнБесплатно

Проверяет UI-код на соответствие руководству Vercel по веб-интерфейсам: доступность, фокус, формы, анимации, типографика и мелочи, которые обычно упускают.

Название
Ревью по Web Interface Guidelines
Категория
Дизайн
Что умеет
  • проверяет доступность и фокус
  • находит проблемы в формах и состояниях
  • оценивает анимации и типографику
  • выдаёт список нарушений с местами в коде
Источник
vercel-labs/agent-skills
Где работает
Claude Code и другие агенты, которые читают .claude/skillsКак устроены навыки
Куда ставить
Навык работает только в текущем проекте.
Как установить
  1. 1Скопируйте команду из блока «Установка» ниже и выполните её в терминале.
  2. 2Навык появится в папке .claude/skills/web-design-guidelines/
  3. 3Откройте новую сессию Claude Code — навык подхватится автоматически.

Что внутри

npx degit vercel-labs/agent-skills/skills/web-design-guidelines .claude/skills/web-design-guidelines
.claude/skills/
└── web-design-guidelines/
    └── SKILL.md

Действия

Открыть на GitHubДокументация
НазадФронтенд-дизайн от Anthropic (frontend-design)ДалееTaste Skill: вкус во фронтенде
.claude/skills/web-design-guidelines/SKILL.md
  1. 1---
  2. 2name: web-design-guidelines
  3. 3description: "Проверяет UI-код на соответствие руководству Vercel по веб-интерфейсам: доступность, фокус, формы, анимации, типографика и мелочи, которые обычно упускают."
  4. 4---
  5. 5​
  6. 6# Ревью по Web Interface Guidelines
  7. 7​
  8. 8Проверяет UI-код на соответствие руководству Vercel по веб-интерфейсам: доступность, фокус, формы, анимации, типографика и мелочи, которые обычно упускают.
  9. 9​
  10. 10## Что делает
  11. 11​
  12. 12- Проверяет доступность и фокус
  13. 13- Находит проблемы в формах и состояниях
  14. 14- Оценивает анимации и типографику
  15. 15- Выдаёт список нарушений с местами в коде
  16. 16​
  17. 17## Где работает
  18. 18​
  19. 19Claude Code и другие агенты, которые читают .claude/skills.
  20. 20​
  21. 21## Установка
  22. 22​
  23. 231. Выполните: npx degit vercel-labs/agent-skills/skills/web-design-guidelines .claude/skills/web-design-guidelines
  24. 242. Откройте новую сессию Claude Code — навык подхватится сам.