Refactoring UI Skill

refactoring-ui-skill

Скилл применяет правила книги Refactoring UI: шкалы отступов, типографики и цвета, иерархию и проверенный по контрасту набор токенов

  • 602 ★ репозитория
  • Последний коммит
Скилл

Минимальный доступ

Почему такой уровень

  • Скилл пересказывает правила книги, права на книгу у авторов
  • Не связан с авторами книги
Все причины и проверки

s0xdk/refactoring-ui-skill

Установка

Работает в

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/refactoring-ui-skill

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Минимальный доступИнструмент ничего не запускает и не ходит в сеть.

  • Скилл пересказывает правила книги, права на книгу у авторов
  • Не связан с авторами книги

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Refactoring UI Skill применяет к интерфейсам правила книги Refactoring UI: шкалы отступов, типографики и цвета, визуальную иерархию и набор токенов, проверенный по контрасту. Установка клонированием в папку скиллов: `git clone` репозитория s0xDk/refactoring-ui-skill в `~/.claude/skills/refactoring-ui`. Лицензия MIT указана в файле LICENSE, GitHub показывает NOASSERTION, и она не распространяется на саму книгу. Проект не связан с авторами книги.

Для кого. Для разработчиков без дизайн-подготовки, которым нужны проверенные правила шкал, иерархии и контраста, чтобы интерфейсы выглядели аккуратно.

Подходит, если

  • Нужны шкалы отступов, типографики и цвета по проверенным правилам
  • Нужна визуальная иерархия в интерфейсе
  • Нужен набор токенов с проверкой контраста

Не подходит, если

  • Нужен текст самой книги: скилл ее не содержит и не заменяет
  • Нужны оригинальные решения: скилл применяет известные правила

Пример запроса к агенту

Приведи в порядок карточку тарифа по правилам Refactoring UI: шкала отступов, иерархия заголовков и контраст кнопок

Ограничения

Скилл пересказывает правила из книги, а сама книга под лицензию репозитория не подпадает: права на нее у авторов, проект с ними не связан. Результат нужно смотреть глазами, правила не заменяют вкус. Доступ минимальный.

Как отключить. Удалите скилл из каталога агента или плагин через менеджер плагинов.

Частые вопросы

На чем построен скилл?

На правилах книги Refactoring UI: шкалы, иерархия, контраст.

Связан ли с авторами книги?

Нет, проект не связан с авторами, лицензия не распространяется на книгу.

Как установить?

git clone репозитория s0xDk/refactoring-ui-skill в ~/.claude/skills/refactoring-ui.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций

СкиллМинимальный доступ9,6 тыс.Звезды репозитория

Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили

СкиллМинимальный доступ3,1 тыс.Звезды репозитория

Скилл дизайна фронтенда с восемью эстетическими якорями: каждый фиксирует палитру, шрифты и текстуру в токенах CSS. Отдельный проект, не от Anthropic

СкиллМинимальный доступ137Звезды репозитория

Скиллы для полировки интерфейса: типографика, цвет, сетка, доступность, продуктовые тексты и ревью по всем разделам

СкиллМинимальный доступ7,8 тыс.Звезды репозитория11Установок за 30 дней

Скилл о мелких деталях интерфейса: анимации, типографика, иконки, тени, скругления, оптическое выравнивание и области нажатия

СкиллМинимальный доступ3,6 тыс.Звезды репозитория

Interface Design

interface-design

Дизайн-инженерия для Claude Code: ремесло, память и единообразие интерфейсов продуктов, панелей и приложений. Не для маркетинговых сайтов

СкиллМинимальный доступ5,8 тыс.Звезды репозитория

Сравнение с похожими

Записи с тем же главным запросом: чем они отличаются.

ЗаписьОфициальныйЗвезды репозиторияГлавное отличие
Refactoring UI Skill (эта запись)нет602
Interface Designнет5 792память решений и единообразие интерфейсов продуктов
Designer Skills (Julian Oczkowski)нет583дизайн-процесс по шагам и токены
Apple Design Skillнет1 232ревью по Apple HIG, лицензии нет

Коротко о README

README описывает скилл правил книги Refactoring UI с шкалами, иерархией и токенами с проверкой контраста. Лицензия MIT в файле LICENSE.

Бейдж для README

Сообщить о проблеме

Foxx AIRefactoring UI Skill
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.