# schematize-web

> Skill normativa de FRONTEND para Claude Code, focada em sites rápidos em SEO e
> velocidade: fronteira client/server explícita (Next.js ou Astro, TypeScript strict),
> segurança no servidor, acessibilidade WCAG 2.2 AA, Core Web Vitals, SEO + dados
> estruturados, i18n com URL por idioma, sitemap autogerado e testes de verdade.
> Pisos inegociáveis que vetam atalhos inseguros. Backend/API/dados ficam no schematize-go.

## Install
- Clonar e instalar (projeto): `git clone https://github.com/schematizeme/skill-web.git && ./skill-web/install.sh`
- Global (em ~/.claude): `git clone https://github.com/schematizeme/skill-web.git && ./skill-web/install.sh ~`
- Pronta para instalar (.zip): https://github.com/schematizeme/skill-web/releases/latest/download/skill-web.zip
- Versão fixa (.zip): https://github.com/schematizeme/skill-web/releases/download/v1.3.0/skill-web.zip
- Código-fonte / todos os .md (.zip): https://github.com/schematizeme/skill-web/archive/refs/tags/v1.3.0.zip
- Repositório (navegar/clonar): https://github.com/schematizeme/skill-web

## Após instalar
- Comando de ajuda na sessão do Claude Code: `/web-help`
- Copie a regra sempre-on para a raiz do repo: `.claude/skills/schematize-web/assets/CLAUDE.md` -> `CLAUDE.md`

## Comandos
- /web-help — lista todos os comandos
- /web-cc — context compact (gera handoff e roda /compact)
- /web-handoff — gera handoff sem compactar
- /web-qa — Q.A. de frontend plan-first (a11y/CWV/e2e/visual; aprovação antes de rodar)
- /web-review — gate da Definition of Done e anti-padrões de frontend no diff
- /web-index — (re)gera o índice de componentes/hooks

## Pisos inegociáveis
- Segredo nunca no cliente nem em NEXT_PUBLIC_/VITE_/PUBLIC_; token em cookie HttpOnly.
- Auth/authz decididas no servidor; sem dangerouslySetInnerHTML não sanitizado; CSP + headers.
- Acessibilidade WCAG 2.2 AA; Core Web Vitals e budgets como gate no CI.
- Sitemap autogerado; SEO + dados estruturados; i18n com URL própria por idioma.
- Arquivos ≤300 linhas + doc-comment + índice; archive obrigatório.
- Stack só Next.js ou Astro; Node só no frontend.

## Formato
Skill no padrão aberto Agent Skills. Funciona em Claude Code, Claude.ai e API.
Irmã de https://skills.schematize.me/go (backend).