good-css — скилл
Скилл дает агенту подборку современных приемов CSS: одно правило вместо набора брейкпоинтов и CSS-возможность прежде скрипта.
- 403 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скилл только добавляет инструкции по CSS в контекст агента.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/good-cssОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл только добавляет инструкции по CSS в контекст агента.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
good-css учит агента писать CSS в духе автора подборки. Вместо набора точек перелома агент берет одно объявление, которое само подстраивается под ширину, а для интерактивности сначала ищет возможность CSS и лишь потом пишет скрипт. Приемы описаны свойствами и значениями, поэтому подходят для обычного CSS, Tailwind и StyleX. Список живет в `PRACTICES.md`: для каждого приема указано, когда его брать, код, причина работы и откуда он взят. Сайт good-css.com запускает каждый прием как живой образец. Папка `skills/good-css` содержит ту же подборку, урезанную до нужного агенту, и `SKILL.md`, который он читает при работе с CSS.
Для кого. Фронтенд-разработчикам и дизайнерам, которые правят верстку вместе с агентом и хотят меньше брейкпоинтов и скриптов.
Подходит, если
- Агент выдает адаптивную страницу с десятком медиазапросов, а нужно проще.
- Надо проверить, нельзя ли заменить небольшой скрипт возможностью CSS.
- Проект на Tailwind или StyleX, и приемы должны работать без смены инструмента.
- Команде нужен единый список практик CSS, который читают и люди, и агенты.
Не подходит, если
- Проект обязан поддерживать очень старые браузеры.
- Нужен готовый набор компонентов, а не приемы CSS.
- Стиль кода команды расходится с мнением автора подборки.
Пример запроса к агенту
Перепиши CSS этой страницы по скиллу good-css: убери лишние медиазапросы и замени скрипты там, где хватает CSS.Ограничения
Подборка высказывает мнение автора и не претендует на универсальные правила, новые приемы и спорные места попадают в нее через обращение в трекере. Часть приемов опирается на свежие возможности CSS, поэтому поддержка зависит от браузеров ваших пользователей, и ее нужно проверять. Ставьте скилл одним способом: две копии заставят агента читать правила дважды. Пул-реквесты принимаются только для исправлений, новые приемы начинаются с обращения в трекере..
Как отключить. Удалите папку `skills/good-css` из `.claude/skills/` либо `.agents/skills/`. Плагин отключается командой `claude plugin uninstall good-css`.
Частые вопросы
Как поставить?
Выберите один путь: `npx skills@latest add vojtaholik/good-css` для любого агента с форматом Agent Skills либо плагин Claude Code через `claude plugin marketplace add vojtaholik/good-css`.
Подходит ли для Tailwind?
Да. Каждый прием записан набором свойств и значений, поэтому работает в обычном CSS, Tailwind, StyleX и в других системах.
Где посмотреть приемы?
В `PRACTICES.md` для людей и на good-css.com, где каждый прием запущен как живой образец.
Чем отличается версия для агентов?
Файлы в `skills/good-css/references` генерируются из `PRACTICES.md` и опускают блоки «почему работает» и ссылки на авторов.
Нужно ли ставить двумя способами?
Нет, выберите один путь. Две установки дадут агенту скилл дважды.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл с готовыми CSS-переходами для веб-интерфейсов: модалки, выпадашки, тосты, лоадеры и десятки других анимаций по правилам подбора
Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили
Swiss Design Skill
swiss-design-skill
Скилл задает агенту швейцарский стиль на Tailwind: сетка из 12 колонок, IBM Plex Sans, один акцент и много воздуха.
Скилл для агента с базой из 107 стилей, 127 палитр и 107 шрифтовых пар: генерирует дизайн-систему и проверяет код интерфейса
Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций
Скилл правит интерфейс в живом коде без лишних зависимостей: компоненты, секции, страницы и RTL с арабским под ваш стек
Коротко о README
Одна подборка выпущена в трех видах: список для людей, живые образцы на сайте и скилл для агентов. Скилл генерируется из списка, поэтому не расходится с ним.