npx claudepluginhub xoai/sageThis skill uses the workspace's default tool permissions.
**Layer 1 — Domain Foundation (v2.0)**
Provides expert implementation of HTML/CSS/JS, web APIs, HTTP protocols, security, performance, and accessibility following modern web standards for frontend/backend.
Guides frontend code with UI/UX best practices across accessibility, Core Web Vitals, responsive layouts, forms, typography, and animations for performant, usable interfaces.
Provides WCAG 2.1/2.2 web accessibility patterns for inclusive UIs, auditing a11y issues, fixing screen readers, keyboard navigation, ARIA attributes, color contrast, and forms.
Share bugs, ideas, or general feedback.
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.
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.
| 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).
react, nextjs, etc.)api or baas)