Tailwind CSS
Tailwind CSS
Tailwind CSS es un framework CSS basado en utilidades. Pequeñas clases en HTML aplican valores de diseño compartidos y variantes.
Otro ejemplo
Un equipo usa tokens compartidos para los espacios y los estados de foco. Convierte algo en un componente cuando un mismo diseño se repite.
Partes principales
- 01Code or behavior under test
- 02Observable evidence
- 03Coverage, failure, and recovery
Úsalo cuando
Úsalo cuando las clases de utilidad se ajusten a las reglas del equipo y la compilación pueda encontrar el origen de cada clase.
No lo uses cuando
Evita valores al azar por todas partes y nombres de clases tan dinámicos que no se puedan detectar. El código repetido tal vez necesite un componente.
Nombre usado en código
utility classes + variants + theme tokens Antes de lanzarlo
Check the runtime and version, integration limits, dependencies and licenses, and platform support. Verify security, failure, speed, monitoring, deploy, support owner, upgrade path, and rollback.
Outcome: Complete the task with Tailwind CSS (Tailwind CSS). User context: Un equipo usa tokens compartidos para los espacios y los estados de foco. Convierte algo en un componente cuando un mismo diseño se repite. Technology or engineering concept: Tailwind CSS (Tailwind CSS). Why it fits: Úsalo cuando las clases de utilidad se ajusten a las reglas del equipo y la compilación pueda encontrar el origen de cada clase. Do not use it when: Evita valores al azar por todas partes y nombres de clases tan dinámicos que no se puedan detectar. El código repetido tal vez necesite un componente. Engineering fit: Define where it runs and which version to use. Set its job, interfaces, data flow, dependencies, supported systems, security, and speed limits. Explain how it fits the current stack. Lifecycle safeguards: Check dependency health and licenses. Add monitoring and a fallback. Name the upgrade owner. Do not add a second tool for the same job without a measured benefit. Acceptance criteria: A small integration proves the needed behavior. Test compatibility, security, failure, and performance. Document deploy, upgrade, support, and rollback steps. Evidence and limits (evidence boundary): Es oficial para esa fuente. Otras plataformas o equipos pueden usar el término de otra manera. Unknowns to confirm: Current stack, runtime and version rules, target systems, dependency owner, performance budget, support period, and migration limits.
Revisa esta petición
Review how Tailwind CSS (Tailwind CSS) is used now. Definition: Tailwind CSS es un framework CSS basado en utilidades. Pequeñas clases en HTML aplican valores de diseño compartidos y variantes. Release checks: Check the runtime and version, integration limits, dependencies and licenses, and platform support. Verify security, failure, speed, monitoring, deploy, support owner, upgrade path, and rollback. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.