Навык агента по современному CSS: Внедрение современных практик CSS в AI-кодинг-агенты

На GitHub появился новый навык для агентов под названием css-modern-features, который принуждает к использованию современных практик CSS в зависимости от целевых браузеров вашего проекта. Он охватывает более 57 возможностей CSS: цвет, макет, селекторы, анимацию, типографику, позиционирование и паттерны компонентов.

Как это работает

Навык подключается к AI-агентам кодирования и ограничивает вывод CSS только современными функциями, подходящими под целевые браузеры. Например, если ваш проект нацелен на современные браузеры, он предпочтет display: grid вместо макетов на float, clamp() для адаптивной типографики и :has() для выбора родительских элементов. Вы задаете целевые браузеры, а навык адаптирует разрешенные функции.

Поддерживаемые агенты

Навык работает с:

• Claude Code
• Cursor
• Windsurf
• Codex
• Cline
• GitHub Copilot

Почему это важно

AI-агенты кодирования часто генерируют устаревший CSS (например, float, clearfix, вендорные префиксы), поскольку их обучающие данные включают старый код. Этот навык заставляет их придерживаться современных возможностей, избавляя вас от ручного рефакторинга. Особенно полезен для команд, поддерживающих кодовые базы, которые должны работать в определенных версиях браузеров (например, 'последние 2 версии' через Browserslist).

Репозиторий: github.com/rushenn/css-modern-features

В ветке Reddit (ссылка ниже) есть дополнительное обсуждение сообществом кастомизации набора функций.