MWG + свои скиллы для токенов

«Он знает платформу, но не твой дом». Вот весь аргумент в пользу того, чтобы наслаивать свои скиллы поверх Google-скилла Modern Web Guidance, а не использовать его один.

Брехт Де Руйте погонял MWG против своей собственной токен-архитектуры CSS несколько месяцев, и результат — самый практичный разбор из всего что я читал по теме. Главный вывод: CSS от MWG технически правильный, но архитектурно общий — плоские custom properties, ни одного cascade layer, селектор button.primary, который проиграет битву за специфичность в любой реальной кодовой базе. Это не баг — правила контрибьюторов требуют от гайдов оставаться «vendor-agnostic» — а это по определению значит никакой конвенции имён, структуры слоёв, мнения о твоей токен-системе.

Фикс — порядок из трёх слоёв, зашитый в собственных skill-файлах:

1. **Сначала Modern Web Guidance** — отвечает, как работает платформа в 2026 2. **Потом project-скиллы** — отвечают, как это делается в этой конкретной кодовой базе (у автора: лестница --p-*/--s-*/--c- токенов, cascade layers по атомарным уровням) 3. **Потом человек** — acceptance rate высок, но не стопроцентный

Что стоит запомнить из статьи вне зависимости от твоего стека:

→ MWG разделяет fallback'ы на **additive и critical**. View transition, который не запустился — мелкая потеря, dialog, который открылся, но не закрывается — пользователь заперт в модалке. Одна категория «новая feature», совершенно разные последствия → Каждая рекомендация вне Baseline Widely available **обязана** нести fallback, и это проверяется автоматически: Playwright-тест проверяет его наличие, и если он сломается — nightly eval'ы гайда краснеют → Опубликованный снимок evals: Claude Code вырос с 57% до 92% pass rate со скиллом, Antigravity — с 60% до 89%, Codex CLI — с 60% до 81%. Цифры от самого проекта, читать со скидкой, но совпадают с тем, что автор видит в повседневной работе

Честный раздел про телеметрию тоже стоит прочитать: поисковые запросы (перефразировка задачи агентом, не сырые промпты) уходят в Google, пока не выставишь DISABLE_TELEMETRY=1 — а это в нескольких абзацах от заявления в readme о том, что инструмент «полностью приватный и локальный». Оба утверждения технически верны, но легко прочитать неправильно, если читать только одно из двух.

Полный разбор с тремя готовыми skill-файлами у Brecht De Ruyte 👇 https://utilitybend.com/blog/modern-web-guidance-antigravity-and-my-own-design-token-skills/

#css #frontend #ai #webdew #designsystems