Skill pra Claude Code e Codex · Design e frontend
A web-builder-best-practices é a skill que faz a sua IA construir site institucional, landing page e blog em PHP, HTML, CSS e JavaScript puro, do jeito de 2026: estrutura de pastas que aguenta crescer, PHP moderno, CSS e JS sem dependência desnecessária, HTML semântico e acessível, Core Web Vitals e segurança por padrão. Roda em qualquer hospedagem compartilhada.
Ou as 25 skills com 9 bônus no Pack de Skills por R$ 497.
O problema
A IA adora começar site simples com framework pesado ou construtor visual, e o resultado sai mais lento, mais caro de hospedar e com mais superfície de ataque do que o projeto pedia. Três sintomas, e o que muda com a skill.
| Sem a skill | Com a web-builder-best-practices |
|---|---|
| Um institucional de cinco páginas vira projeto com build, dependência e deploy complicado, que não roda na hospedagem que o cliente já paga. | PHP com includes bem organizados e HTML, CSS e JS puro, que roda em qualquer hospedagem compartilhada e continua fácil de manter daqui a dois anos. |
| Formulário que grava direto no banco, saída sem escape e nenhum cabeçalho de segurança, porque site pequeno parece não ser alvo de ninguém. | PDO com prepared statement, escape de saída, token CSRF e cabeçalhos de segurança como padrão, e não como reforço que alguém lembra depois. |
| Div pra tudo, CSS com nome genérico que colide, JavaScript que trava a página e SEO técnico esquecido até o site entrar no ar. | HTML semântico e acessível, CSS moderno sem Sass, JavaScript em módulo nativo, e navegação e SEO técnico planejados antes da primeira página. |
O que sai dela
Um site organizado do esqueleto à publicação, com as decisões explicadas pra quem mexer depois.
parte pública separada de includes, configuração e assets, no perfil do seu site
validação, escape, CSRF, upload e login no padrão atual
camadas, nomes que não colidem, módulos nativos e página que funciona sem script
HTML semântico, arquitetura de navegação e Core Web Vitals desde o começo
Como funciona
Institucional, landing page e blog pedem estruturas diferentes, e cada recomendação da skill diz pra qual dos três ela vale.
Pasta pública separada do que não pode ser acessado, include pra cabeçalho e rodapé e configuração fora do alcance do navegador.
PDO com prepared statement, escape de saída e código organizado, sem instalar framework pra servir página que é quase toda estática.
CSS com recursos nativos, JavaScript em módulo sem bundler e HTML semântico e acessível no nível WCAG 2.2 AA.
Core Web Vitals no alvo, cabeçalhos de segurança, formulário e upload protegidos e SEO técnico conferido antes de publicar.
Antes de comprar
Nenhuma biblioteca paga e nenhum framework obrigatório.
O limite dela
Quando o projeto tem regra de negócio complexa, login com vários papéis ou API própria, framework passa a se justificar, e a skill diz isso em vez de forçar PHP puro. Pra API, a api-expert está no catálogo.
Ela cuida da engenharia do site. A direção visual, a tipografia e a composição de cada seção são trabalho da frontend-expert, e as duas trabalham juntas.
Hospedagem, domínio e o conteúdo das páginas continuam sendo do projeto: a skill organiza e protege o que vai ser publicado.
O que você recebe
O preço
Só a web-builder-best-practices
R$57pagamento único
Comprou avulsa e depois quis tudo? Me chama que eu abato o que você já pagou.
Pack de Skills
R$ 1.665R$497ou 10x no cartão
As 25 avulsas dão R$ 1.665. O pack se paga na nona skill.
02 · Design e frontend
Antes de você perguntar
Pra site institucional, landing page e blog, PHP puro com includes bem organizados roda rápido, hospeda em qualquer lugar e tem menos superfície de ataque do que um framework inteiro servindo página estática. Framework se justifica quando existe regra de negócio complexa, login com vários papéis ou API.
Funciona, é um dos três perfis cobertos. Pra caçar cada milissegundo de carregamento, a page-speed-expert complementa bem.
Não. Você pede em português e a IA escreve seguindo a skill. Ajuda entender o básico de como um site é publicado, e o próprio Claude explica no caminho.
Serve, com estrutura de posts e categorias, paginação, SEO on-page e dado estruturado de artigo.
Pode, a licença cobre o seu trabalho para terceiros. O que não vale é revender ou redistribuir a skill.
Pagamento único, garantia de 7 dias, 12 meses de atualização. Ou leve as 25 no pack.
