DESIGN.md в shadcn: агент строит дизайн-систему из одного файла по семи шагам

Дайте агенту задачу на дизайн-систему, и он сам выберет пресет и соберёт цвета, токены, шкалу шрифтов и стили компонентов. **Что читает агент.** Из DESIGN.md берутся поля colors, typography, rounded, spacing и components, а также текст разделов «Do's and Don'ts», «Iteration Guide» и «Known Gaps». Токены ложатся на переменные shadcn и правятся только в файле Tailwind CSS, а имена cva-вариантов сохраняются. **Как поставить.** Навык ставится командой pnpm dlx skills add shadcn/ui и активируется сам, если в проекте есть components.json. Новый проект стартует из пресета командой npx shadcn@latest init --preset <код> --template vite --no-monorepo -y, а в существующем пресет применяется через npx shadcn@latest apply <код> --only theme,font. Перед сдачей workflow сам гоняет typecheck, смотрит консоль, проверяет отсутствие горизонтального скролла при 375 и 1280 пикселях и переключение тёмной темы. В отчёт попадают все пары цветов с контрастом ниже 4,5:1.