Используйте при проектировании или проверке веб-интерфейса, реализации форм/кнопок/вводов, устранении проблем с визуальной иерархией, создании цветовых систем, построении макетов или когда интерфейс кажется загроможденным, трудно читаемым или пользователи не знают, на что нажимать.
Быстро установите AI-навык web-interface-design в вашу среду разработки через командную строку
Источник: ratacat/claude-skills.
Design exists to separate the primary from the secondary. Users should instantly recognize what matters. Good interface design is invisible—users accomplish goals without noticing the interface.
This skill orchestrates domain-specific reference files. Read only what you need for the task.
| Font sizes, line spacing, heading hierarchy, vertical rhythm | references/typography.md | | Input fields, validation, checkboxes, radios, selects, textareas | references/forms-and-inputs.md | | Button hierarchy, sizing, states, CTAs, ghost buttons | references/buttons.md |
Используйте при проектировании или проверке веб-интерфейса, реализации форм/кнопок/вводов, устранении проблем с визуальной иерархией, создании цветовых систем, построении макетов или когда интерфейс кажется загроможденным, трудно читаемым или пользователи не знают, на что нажимать. Источник: ratacat/claude-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/ratacat/claude-skills --skill web-interface-designИспользуйте при проектировании или проверке веб-интерфейса, реализации форм/кнопок/вводов, устранении проблем с визуальной иерархией, создании цветовых систем, построении макетов или когда интерфейс кажется загроможденным, трудно читаемым или пользователи не знают, на что нажимать. Источник: ratacat/claude-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/ratacat/claude-skills --skill web-interface-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/ratacat/claude-skills