web
Capa 1 — Fundamento del dominio (v2.0)
Principios universales de desarrollo web que se aplican a cualquier proyecto web, independientemente del framework. React, Vue, Svelte, JavaScript vanilla: estos principios se mantienen.
Filosofía
Este paquete codifica el conocimiento fundamental de la plataforma web que los agentes suelen entender de forma aislada pero que omiten en la práctica. Un agente sabe qué son las etiquetas ARIA. Aun así produce un formulario sin anuncios de error para lectores de pantalla. Un agente conoce los Core Web Vitals. Aun así renderiza una imagen hero de 2MB sin dimensiones.
La brecha no es el conocimiento: es la aplicación consistente.
Qué incluye
| Tipo | Cantidad | Cobertura |
|---|---|---|
| Patrones | 7 | Accesibilidad (WCAG 2.2), rendimiento (Core Web Vitals), cabeceras de seguridad (OWASP), SEO, diseño responsive, UX de errores, estados de carga |
| Antipatrones | 6 | Sopa de divs, texto alternativo faltante, desplazamiento de layout, formularios desprotegidos, rutas críticas solo del lado cliente, sin cabeceras de seguridad |
| Constitución | 7 | principios |
Fundamentado en: W3C WCAG 2.2 (octubre de 2023), Google Core Web Vitals (2025), OWASP Secure Headers Project, OWASP CSP Cheat Sheet, MDN Web Docs, Web Almanac 2025, Ley Europea de Accesibilidad (junio de 2025).
Lo que este paquete NO cubre
- Patrones específicos de frameworks (ver
react,nextjs, etc.) - Opiniones sobre metodología CSS (BEM vs utility-first vs CSS-in-JS)
- Configuración de herramientas de compilación (Webpack, Vite, Turbopack)
- Patrones de backend/API (ver
apiobaas)