GitHub-радар

shadcn/lint — линтер для агентов, строящих UI на Tailwind

Проверщик для агентов, которые строят интерфейсы на Tailwind CSS: ловит нарушения правил дизайн-системы прямо в процессе и говорит агенту, что исправить, так что он делает это сам за один проход.

01shadcn-ui/lint 2.6kTypeScript

@shadcn/lint — это линтер для дизайн-систем на Tailwind CSS, заточенный под агентов, разработанный командой shadcn. Когда используешь ИИ-агента для создания сайта и хочешь убедиться, что его дизайн идеален, бывают случаи, когда сгенерированный код интерфейса содержит цвета, отступы или классы утилит, которые не соответствуют правилам дизайна твоего проекта. @shadcn/lint помогает находить такие нарушения и выдаёт информативные сообщения об ошибках, объясняющие проблему и способы её исправления, что позволяет агенту исправляться прямо в процессе генерации, а не проходить через несколько итераций. В большинстве случаев моделям Claude и GPT требовалась всего одна итерация обратной связи по правилам дизайна, чтобы добиться нулевых нарушений. Модели вроде Sonnet 5, Haiku 4.5 и Opus 5 смогли получить ноль нарушений во всех восьми задачах всего за одну итерацию исправления. Использование @shadcn/lint при предоставлении обратной связи позволило сократить общее количество токенов, необходимых для устранения нарушений, на 10–48%. @shadcn/lint совместим с проектами на React, Svelte и Vue, построенными на Tailwind CSS версии 4, и может использоваться вместе с ESLint и Oxlint.

Зачем это вайб-кодеру

С этим инструментом тебе больше не нужно переживать из-за множества итераций исправлений, которые обычно случаются, когда работаешь с ИИ-агентом над созданием сайтов и хочешь довести их дизайн до идеала. Ты получишь подробную обратную связь, и твой агент сможет исправиться сразу же, а ты получишь именно то, что хотел, с первого раза!

Как поставить

Скопируйте и отправьте своему агенту — Claude Code, Codex, любому:

Установи @shadcn/lint в этот проект: https://github.com/shadcn-ui/lint — следуй README, настрой правила для нашей дизайн-системы, добавь запуск линтера в процесс проверки кода и покажи мне итоговый конфиг. Спроси, если нужны настройки для конкретных компонентов.

Запустится на любом ноутбуке — нужен только Node.js

Открыть на GitHub