Об этом проекте
Этот репозиторий содержит набор навыков агента, помогающих разработчикам и дизайнерам создавать более качественные пользовательские интерфейсы. Навыки основаны на темах, о которых автор пишет на своём личном сайте и в своём журнале о дизайне и разработке, Interfaces.
Включённые навыки:
- better-interface: объединяет все навыки better-* в единый обзор.
- better-ui: улучшает UI в проекте, охватывая концентрический радиус скругления углов, оптическое выравнивание, контекстные иконки, области нажатия, анимацию и многое другое.
- better-typography: улучшает типографику, включая типографский масштаб, интервалы, размеры, вариативные шрифты, функции OpenType, переносы, обрезку текста и другое.
- better-colors: помогает построить цветовую систему, включая генерацию палитр, использование семантических токенов, конвертацию форматов и проверку контраста.
- better-accessibility: помогает проектам соответствовать стандартам и лучшим практикам доступности.
- better-layout: помогает с группировкой, выравниванием, порядком чтения и другими деталями макета.
- better-writing: направлен на улучшение продуктовых текстов и поддержание их согласованности.
- interface-review: проводит обзор работы по UI, типографике, макету, цвету, текстам и доступности, предоставляя детальный анализ. Запускается пользователем.
- explain-interface: помогает разобраться, как была создана та или иная анимация, дизайн или элемент интерфейса в вебе. Запускается пользователем.
- break: отображает выбранный компонент во всех состояниях и сценариях на временной странице и проводит стресс-тестирование. Запускается пользователем.
- variant: создаёт несколько вариантов компонента и помогает их итерировать. Запускается пользователем.
Установка выполняется с помощью `npx skills add jakubkrehel/skills`. Также его можно установить как плагин Claude Code через команды marketplace плагинов, показанные в README.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.