GitHub-радар
shadcn/lint — линтер для агентов, строящих UI на Tailwind
Проверщик для агентов, которые строят интерфейсы на Tailwind CSS: ловит нарушения правил дизайн-системы прямо в процессе и говорит агенту, что исправить, так что он делает это сам за один проход.
@shadcn/lint — проверщик кода для агентов, которые строят интерфейсы на Tailwind CSS, сделанный командой shadcn. Когда агент пишет UI, он часто нарушает правила дизайн-системы: использует не те цвета, не те отступы, придумывает классы вместо готовых. Этот инструмент ловит такие нарушения и сразу говорит агенту, что именно не так и что использовать вместо этого — агент исправляет сам, без переспросов. В тестах почти каждый раз задача доходила до нуля ошибок за один проход исправления. Claude Sonnet 5, Haiku 4.5 и Opus 5 выполнили 8 из 8 задач, доведя все ошибки до нуля. Исправление нарушений с подсказками линтера обошлось на 10–48% дешевле по токенам, чем с одними только правилами. Работает с React, Svelte и Vue на Tailwind v4, поддерживает ESLint и Oxlint.
Зачем это вайб-кодеру
Если ты строишь сайты с агентом и тратишь несколько итераций на то, чтобы добиться правильного дизайна, этот инструмент убирает лишние переспросы. Агент видит точное сообщение об ошибке в том же проходе, исправляет компонент, и ты получаешь результат с первого раза.
Как поставить
Скопируйте и отправьте своему агенту — Claude Code, Codex, любому:
Установи @shadcn/lint в этот проект: https://github.com/shadcn-ui/lint — следуй README, настрой правила для нашей дизайн-системы, добавь запуск линтера в процесс проверки кода и покажи мне итоговый конфиг. Спроси, если нужны настройки для конкретных компонентов.
Запустится на любом ноутбуке — нужен только Node.js
Открыть на GitHub▌ Ещё находки