web
Layer 1 — Domain Foundation (v2.0)
Universal web development principles that apply to every web project regardless
of framework. React, Vue, Svelte, vanilla JS — these principles hold.
Philosophy
This pack encodes the foundational web platform knowledge that agents frequently
get right in isolation but miss in practice. An agent knows what ARIA labels are.
It still produces a form with no error announcements for screen readers. An agent
knows about Core Web Vitals. It still renders a 2MB hero image without dimensions.
The gap isn't knowledge — it's consistent application.
What's Included
| Type |
Count |
Coverage |
| Patterns |
7 |
Accessibility (WCAG 2.2), performance (Core Web Vitals), security headers (OWASP), SEO, responsive design, error UX, loading states |
| Anti-patterns |
6 |
Div soup, missing alt text, layout shift, unprotected forms, client-only critical paths, no security headers |
| Constitution |
7 |
principles |
Grounded in: W3C WCAG 2.2 (October 2023), Google Core Web Vitals (2025),
OWASP Secure Headers Project, OWASP CSP Cheat Sheet, MDN Web Docs,
Web Almanac 2025, European Accessibility Act (June 2025).
What This Pack Does NOT Cover
- Framework-specific patterns (see
react, nextjs, etc.)
- CSS methodology opinions (BEM vs utility-first vs CSS-in-JS)
- Build tool configuration (Webpack, Vite, Turbopack)
- Backend/API patterns (see
api or baas)
1---2name: web3description: Universal web development principles — accessibility (WCAG 2.2), performance (Core Web Vitals), security headers (OWASP), SEO, responsive design, error UX, and loading states. Framework-agnostic.4---56# web78**Layer 1 — Domain Foundation (v2.0)**910Universal web development principles that apply to every web project regardless11of framework. React, Vue, Svelte, vanilla JS — these principles hold.1213## Philosophy1415This pack encodes the foundational web platform knowledge that agents frequently16get right in isolation but miss in practice. An agent knows what ARIA labels are.17It still produces a form with no error announcements for screen readers. An agent18knows about Core Web Vitals. It still renders a 2MB hero image without dimensions.1920The gap isn't knowledge — it's consistent application.2122## What's Included2324| Type | Count | Coverage |25|------|-------|----------|26| Patterns | 7 | Accessibility (WCAG 2.2), performance (Core Web Vitals), security headers (OWASP), SEO, responsive design, error UX, loading states |27| Anti-patterns | 6 | Div soup, missing alt text, layout shift, unprotected forms, client-only critical paths, no security headers |28| Constitution | 7 | principles |2930Grounded in: W3C WCAG 2.2 (October 2023), Google Core Web Vitals (2025),31OWASP Secure Headers Project, OWASP CSP Cheat Sheet, MDN Web Docs,32Web Almanac 2025, European Accessibility Act (June 2025).3334## What This Pack Does NOT Cover3536- Framework-specific patterns (see `react`, `nextjs`, etc.)37- CSS methodology opinions (BEM vs utility-first vs CSS-in-JS)38- Build tool configuration (Webpack, Vite, Turbopack)39- Backend/API patterns (see `api` or `baas`)
xoai