web
Camada 1 — Fundação do Domínio (v2.0)
Princípios universais de desenvolvimento web que se aplicam a todo projeto web, independentemente do framework. React, Vue, Svelte, JS puro — esses princípios são válidos.
Filosofia
Este pacote codifica o conhecimento fundamental da plataforma web que agentes frequentemente acertam isoladamente, mas erram na prática. Um agente sabe o que são rótulos ARIA. Ainda assim, produz um formulário sem anúncios de erro para leitores de tela. Um agente sabe sobre Core Web Vitals. Ainda assim, renderiza uma imagem herói de 2 MB sem dimensões.
A lacuna não é conhecimento — é aplicação consistente.
O que está incluído
| Tipo | Quantidade | Cobertura |
|---|---|---|
| Padrões | 7 | Acessibilidade (WCAG 2.2), desempenho (Core Web Vitals), cabeçalhos de segurança (OWASP), SEO, design responsivo, UX de erros, estados de carregamento |
| Antipadrões | 6 | Sopa de divs, texto alternativo ausente, mudança de layout, formulários sem proteção, caminhos críticos apenas do lado do cliente, ausência de cabeçalhos de segurança |
| Constituição | 7 | princípios |
Baseado em: W3C WCAG 2.2 (Outubro de 2023), Google Core Web Vitals (2025), OWASP Secure Headers Project, OWASP CSP Cheat Sheet, MDN Web Docs, Web Almanac 2025, European Accessibility Act (Junho de 2025).
O que este pacote NÃO cobre
- Padrões específicos de framework (consulte
react,nextjs, etc.) - Opiniões de metodologia CSS (BEM vs utility-first vs CSS-in-JS)
- Configuração de ferramentas de build (Webpack, Vite, Turbopack)
- Padrões de backend/API (consulte
apioubaas)