explorar #agent-friendly-linting hallazgo 02 · boletín 2026-09-15

shadcn-ui/lint

@shadcn/lint, linter open-source (MIT, dual ESLint/Oxlint) pensado específicamente para que un coding agent entienda y verifique reglas de design system en proyectos Tailwind v4. Funciona con o sin shadcn/ui.

Estrellas

1.215

Forks

Lenguaje

TypeScript

Licencia

MIT

Issues

—

Estado

—

Cómo funciona

Implementa agent-friendly-linting

Núcleo

shadcn-ui/lint TypeScript · MIT agentdesign-systemeslintlintoxlinttailwind

Se cruza con resuelve agent-design-system-drift relevante para tailwind v4

Diagrama derivado de madurez_senales (lenguaje, licencia, estado y topics) y de las relaciones que este repo tiene en el grafo de conocimiento. No es una arquitectura del proyecto: es su posición funcional tal como la registran los boletines.

Posición en el ecosistema

shadcn-ui/lint

implementa

agent-friendly-linting Concepto

shadcn-ui/lint

resuelve

agent-design-system-drift Problema

shadcn-ui/lint

relevante para

tailwind v4 Framework

Expandir en el grafo 3D →

Relaciones que aportó este boletín

implementsagent-friendly-lintingnuevo solvesagent-design-system-driftnuevo relevant_totailwind-v4nuevo relevant_toshadcnnuevo

Por qué importa

Resuelve un problema concreto que se vuelve agudo en cuanto metes un coding agent en un proyecto con design system: el linter clásico te dice "esto no compila", pero no "esto rompe tu Button". @shadcn/lint emite diagnósticos accionables — por ejemplo, "p-4" is not allowed on <Button>: <Button> owns its spacing. Use a size (sm, lg), or margin here or gap on the parent for space around it. Add a size in components/ui/button.tsx only if the design explicitly calls for one. — es decir, guía al agente al fix correcto, no al "esto está mal". Funciona con doble motor (ESLint u Oxlint), está pensado para Tailwind v4, sirve con o sin shadcn/ui, e incluye un prompt copy-paste para coding agents en el propio README. Para un lector de Código Sin Siesta, la promesa editorial es directa: si tienes design system + coding agents, este linter baja la fricción de "el agente rompió la Button otra vez".

Alerta

instalar en un proyecto Tailwind v4 real, definir 2-3 reglas custom para tu design system y verificar que el agente las respeta en un PR simulado

Acción concreta

Si la promesa de linter agent-first madura, cambia cómo se enseña design system a coding agents — observar tracción y errores que cubre antes de adoptarlo.

Apariciones · 1

2026-09-15 hallazgo principal
primera vez en el boletín

Señales de madurez (texto original)

1.215★ · 13 forks · TypeScript · MIT · creado 2026-08 · último push 2026-09-14 · topics: agent, design-system, eslint, lint, oxlint, tailwind.