🎛 Interfaces — набор из 8 скиллов для доводки интерфейса

Фраза «сделай покрасивше» не сработает для дизайна от агента, так как у ИИ нет критериев, что считать красивым. Набор из 8 скиллов даёт этот критерий в виде проверяемых правил, убирая несовпадения радиусов элементов, случайные отступы и кнопки без состояний

Шесть скиллов из набора подтягиваются автоматически из контекста, два вызываются по имени и сводят находки в один отчёт с приоритетами

better-ui: радиусы, тени, анимации, иконки, микровзаимодействия
better-typography: шрифты, шкала размеров, переносы, обрезка текста
better-colors: палитры в OKLCH, контраст, гамма, тёмная тема
better-layout: структура, группировка, порядок чтения, брейкпоинты
better-accessibility: фокус, клавиатура, ARIA, зоны нажатия
better-writing: подписи кнопок, тексты ошибок, пустые состояния
better-interface: сводит шесть предыдущих в общий отчёт по экрану или сценарию
interface-review: то же самое, но по внесённым правкам, ветке или пул-реквесту

Установить набор одной командой через CLI: подходит для Claude Code, Codex и других агентов со скиллами
Вызвать better-interface для разбора экрана, сценария или фичи
Вызвать interface-review для проверки внесённых правок, ветки или пул-реквеста
Режим по умолчанию full, для короткого прохода добавить quick

# Установка всех восьми скиллов npx skills add jakubkrehel/skills --skill '*' # Вызов в Claude Code /better-interface quick /better-interface full экран оплаты /interface-review # Вызов в Codex $better-interface quick $better-interface full экран оплаты $interface-review

Итого, будет полезно тем, кто собирает лендинги и панели агентом и упирается в то, что результат выглядит одинаково у всех

📌 Открыть на GitHub

Канал про ИИ, публикую подборки, гайды понятным языком, мнения — интересный и полезный контент.

Каждый найдет как сэкономить время и увеличить продуктивность с нейросетями⬇

t.me

🎛 Interfaces — набор из 8 скиллов для доводки интерфейса

Состав

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