Skill para o Claude Code
O Bezalel é uma skill: você conversa com o Claude, ele levanta as informações da empresa, monta o site e entrega o .zip pronto para publicar na Hostinger ou no EasyPanel.
Baixar a skill .zip · 5,7 MB Ver uma conversa Ver os 15 modelos
Bezalel foi o artesão da Bíblia “cheio de sabedoria para todo tipo de trabalho” (Êxodo 31). A ideia é a mesma: capricho em cada detalhe.
/bezalel cria o site da Padaria Exemplo, o Instagram é @padariaexemplo
O site é para…
Encontrei o endereço, o horário e o WhatsApp. Vou montar os 5 modelos de loja com o conteúdo da padaria para o cliente escolher.
⚙ montando a vitrine · checando · testando no celular
Como funciona
Digite /bezalel e o nome da empresa. Um link do Instagram, do site ou do Google ajuda muito.
Lê os links, acha endereço, horário, serviços e cores do logo, e mostra um resumo para você confirmar.
Uma pergunta por vez, com a resposta recomendada já marcada: fotos, onde publicar, paleta.
Monta o site, roda a checagem automática e testa no computador e no celular.
Recebe o .zip pronto e um LEIA-ME com o passo a passo da hospedagem.
A primeira pergunta
O Bezalel começa perguntando para quem é o site. A resposta muda o caminho.
01
Pintura, reforma, clínica, advocacia, salão, oficina…
Site feito sob medida: o Claude tira um conceito do próprio ofício (a fita crepe do pintor, a régua do marceneiro) e desenha as seções a partir dele.
Resultado: um site único, com página de orçamento que monta a mensagem do WhatsApp. Veja 5 estilos feitos assim:
02
Padaria, bazar, pet shop, farmácia, loja de roupas…
Usa 5 modelos prontos e monta os 5 já com o conteúdo da loja. Você manda o link para o cliente, ele escolhe, e esse vira o site final.
03
Para você vender o seu serviço mostrando os seus projetos.
Também com 5 modelos. O Claude tira o print de cada projeto seu no computador e no celular, monta as capas e coloca o botão do seu WhatsApp.
Simulação
Empresas fictícias, mas o caminho é exatamente o que a skill faz. Escolha o tipo e aperte Reproduzir.
/bezalel cria o site da Marcenaria Exemplo
O site é para…
Para eu não confundir com outra empresa, me manda um link.
instagram.com/marcenariaexemplo
⚙ lendo o Instagram · cores do logo · CNPJ
Encontrei isto:
Está tudo certo?
E as fotos dos trabalhos?
📎 8 fotos anexadas
Onde vai publicar?
Conceito: a régua do marceneiro. O antes/depois do ambiente tem a régua como divisória, as medidas aparecem como cota de projeto e a paleta vem da madeira do logo.
Seguimos com esse conceito?
Qual paleta?
⚙ montando o site · checagem automática: 0 erros · teste no celular
Pronto! marcenaria-exemplo-php.zip e o LEIA-ME.md com o passo a passo da Hostinger. É só enviar para o public_html e extrair.
/bezalel site para a Padaria Exemplo, o Instagram é @padariaexemplo
O site é para…
⚙ lendo o Instagram e o perfil do Google
Encontrei isto:
Está tudo certo?
E as fotos?
Separei 10 fotos do Instagram da padaria. Posso usar estas?
Como quer escolher o modelo?
Qual paleta?
⚙ montando os 5 modelos com o conteúdo da padaria: Fachada · Encarte · Sinalização · Catálogo · Letreiro
Vitrine pronta: padaria-exemplo-vitrine.zip. Extraia numa pasta do seu domínio (ex.: seudominio.com/padaria-exemplo/) e mande o link para o cliente escolher.
Qual modelo o cliente escolheu?
⚙ promovendo a Fachada a site final · checagem: 0 erros
Pronto! padaria-exemplo-static.zip com o "Aberto agora" no horário certo, a porta da fachada que abre ao rolar e o LEIA-ME.
/bezalel quero o meu portfólio para vender os meus sites
O site é para…
Me passa o seu Instagram e os links dos projetos que estão no ar.
@anaexemplo · lojaexemplo.com.br · clinicaexemplo.com.br · cafeexemplo.com.br
⚙ tirando o print de cada projeto no computador e no celular · montando as capas
Encontrei isto:
Está tudo certo?
Qual contato vai no botão principal?
(00) 90000-0000
Como quer escolher o modelo?
⚙ montando os 5: Cartão · Frentes · Bento · Capítulos · Carta
Qual você escolheu?
Pronto! ana-exemplo-static.zip: cada projeto vira um bloco que abre em tela cheia, com "Ver no ar" e "Quero um assim" indo para o seu WhatsApp.
Instalar
É o Claude que mexe em arquivos no seu computador. Use o app do Claude para desktop, na aba Code, ou o Claude Code no terminal. Precisa de uma conta do Claude com acesso ao Claude Code.
Os scripts da skill usam Python 3 para montar o site e tratar as fotos.
pip install pillowBaixe o bezalel-skill.zip e extraia dentro da pasta de skills do Claude. Deve ficar .claude/skills/bezalel/SKILL.md.
Mac e Linux
mkdir -p ~/.claude/skills && unzip bezalel-skill.zip -d ~/.claude/skills/Windows (PowerShell)
Expand-Archive bezalel-skill.zip -DestinationPath "$env:USERPROFILE\.claude\skills"Crie uma pasta para o projeto, abra no Claude Code e digite:
/bezalel cria o site da empresa XPara o portfólio, ele tira os prints dos projetos com o Chrome. Para pegar fotos de um Instagram, use a extensão Claude in Chrome com a sua conta logada.
Para dar certo
Não. Você responde às perguntas e recebe o zip. Saber o básico de hospedagem (enviar e extrair um arquivo no painel) ajuda na hora de publicar.
Na Hostinger (PHP + MySQL, envia o zip para o public_html e extrai), no EasyPanel (Python + Postgres, com Dockerfile) ou em qualquer hospedagem estática. O LEIA-ME explica cada caso.
Dá. Nos modelos de loja e portfólio, os textos ficam no conteudo.json e os dados da empresa no site.json. Peça ao Claude para trocar e rodar o build de novo.
Aqui mesmo, em Modelos: os 15 funcionando (5 de serviço, 5 de loja e 5 de portfólio). Eles também vão dentro do zip da skill: no Claude Code, peça "gere as demos dos modelos" ou rode python3 ~/.claude/skills/bezalel/scripts/modelo.py demo todos ./demos.
O site fica limitado, e a skill avisa. Ela prefere modelos mais tipográficos e corta as seções de foto, em vez de usar foto de banco.
Cada modelo tem um momento marcante com função e o resto discreto. Sem JavaScript ou com movimento reduzido, tudo aparece normal.