Outreach CRM · Estética

01

Lead Qualification

Maps scraping → score → prioridade

Input ▾

Identificar clínicas com alto potencial: rating forte, reviews numerosos, site fraco ou inexistente, ativas no Instagram.

Buscar no Google Maps por nicho + bairro

Registrar: nome, tel, WhatsApp, site atual, rating, nº reviews

Avaliar site atual (0–10): mobile, design, serviços visíveis

Calcular score de prioridade (alta / media-alta / media)

Adicionar ao array LEADS no outreach-crm.html

Critérios de prioridade alta: rating ≥ 4.3 + site ≤ 6/10 + reviews ≥ 50 + IG ativo

02

Brand Extraction ⚠

OBRIGATÓRIO antes de qualquer scaffold

Mandatório ▾

REGRA DURA: "Visitar todos os URL deles, ver o que que eles falam em cada página, para a gente criar uma página melhor. Isso tem que ser padrão." — Leandro.

Abrir homepage → snapshot -i → identificar nav links

Visitar TODAS as subpáginas (services, about, treatments, pricing, etc.)

Baixar logo real: filtrar img com alt=brand + height < 100px

Inferir cor primária DO LOGO (não inventar paleta)

Copiar nomes EXATOS de serviços (ex: "Semaglutide | Tirzepatide", não "weight loss")

Extrair: telefone real, endereço, hours, claims únicos, anos de op.

Salvar BRAND_BRIEF.md na pasta do lead

agent-browser open <url> && agent-browser wait --load networkidle && agent-browser snapshot -i

03

DNA Sections ⚠

Anti-template-swap: 2 seções únicas por lead

Mandatório ▾

Cada lead precisa de 2–3 seções "DNA" que não existem em nenhum site anterior do pipeline. Previne que todos os sites pareçam templates iguais.

Identificar o diferencial único deste lead (localização? especialidade? tecnologia?)

Definir 2 seções DNA exclusivas antes de começar o scaffold

Confirmar que a sequência de seções é diferente do lead anterior

Lead	DNA Seção 1	DNA Seção 2
Cliniestética	Hero antes/depois + stats médicos	Galeria de resultados
Embella	"O 9º Andar" (DF Plaza)	Treatment Explorer por categoria
Gables Med Spa	IV Cocktail Bar (10 drips)	Weight Loss Science (Semaglutide vs Tirzepatide)
Brickell Cosmetic	Treatments By Age (20s–60s navigator)	Dual Practice (Aesthetics + Dermatology)

04

Component Selection

Escolher 3–5 componentes da component-library.md

Design ▾

A component-library da skill taste-master tem 25+ componentes com vanilla JS/CSS. Selecionar pelo menos 5 não usados nos sites anteriores.

Componente	Uso ideal — Medspa
Horizontal Accordion	Serviços por categoria (imagem reveal)
Spotlight Cursor	Hero section — luz radial seguindo mouse
Flip Gallery	Treatment spotlights — frente/verso 3D
DotPattern	Background sutil na seção de stats
Glassmorphism CTA	Card flutuante no hero com info de contato
Treatment Explorer	10+ procedimentos: sticky split image + accordion

Ref: ~/.claude/skills/taste-master/component-library.md

05

Photo Generation (Imagen 4)

4 fotos paralelas com palette da marca real

Assets ▾

Gerar 4 fotos em paralelo via ThreadPoolExecutor. A palette deve vir do BRAND_BRIEF — nunca inventar cores.

Criar /tmp/gen_<slug>_photos.py com 4 jobs

Ratios: hero 16:9, treatment room 4:3, still-life 1:1, lounge/hall 4:3

Constraints sempre: "No people, no text on walls, no logos, no watermarks"

Incluir palette da marca no prompt (ex: "deep teal #214457 accent wall")

Verificar visualmente cada foto antes de usar

GEMINI_API_KEY env · endpoint: imagen-4.0-fast-generate-001:predict · payload: instances[].prompt + parameters.aspectRatio

06

Site Build (taste-master)

A1 Editorial Luxury + premium audit features

Build ▾

Build completo em site/index.html. Fontes: Fraunces (display) + DM Sans (body). Section gap: clamp(5rem,12vw,10rem).

Estrutura: hero → ticker → DNA 1 → services → DNA 2 → stats → about → location → contact → footer

Premium audit: scroll-progress, custom-cursor, back-to-top, 3D tilt cards, counter animation

Mobile: hamburger drawer, section-gap reduzido, botões full-width, cursor oculto (pointer:coarse)

IntersectionObserver scroll reveal (.rv → .vis) threshold 0.1

Grain overlay via SVG turbulence (opacity .03, pointer-events none)

favicon SVG inline no head

OG meta tags (title, description, type, locale)

min-height: 100dvh (nunca 100vh)

Ref: ~/.claude/skills/taste-master/SKILL.md · component-library.md

07

Deploy (Cloudflare Pages)

Pasta deploy/ com paths corrigidos + wrangler

Deploy ▾

mkdir -p deploy/assets

cp site/index.html deploy/ && cp assets/* deploy/assets/

sed -i '' 's|../assets/|assets/|g' deploy/index.html

wrangler pages project create <slug>-preview --production-branch=main

wrangler pages deploy . --project-name=<slug>-preview --branch=main --commit-dirty=true

Verificar URL: https://<slug>-preview.pages.dev

Atualizar siteNovo no array LEADS deste CRM

cd ~/Desktop/ai-site-outreach/<slug>/deploy && wrangler pages deploy . --project-name=<slug>-preview --branch=main --commit-dirty=true

08

DM Outreach

Context → Value → Soft close (ZeraStudio metodologia)

Outreach ▾

Mandar do Instagram pessoal do Leandro. Tom direto e educado. Mencionar dor específica (extraída das reviews) + que o site já está pronto.

Gravar demo mobile (ffmpeg pan 26s) ou desktop (agent-browser record)

Usar DM do campo dm[] no CRM como base

Mencionar preço R$997 / $997 na mensagem ou call

Enviar link do preview + vídeo de demo

Atualizar status no Pipeline para "DM Enviada"

Demo mobile: ffmpeg -loop 1 -i /tmp/mobile-full.png -vf "fps=30,crop=390:844:0:'if(lt(t,3),0,if(lt(t,23),(ih-oh)*(1-cos(PI*(t-3)/20))/2,ih-oh))'" -t 26 demo.mp4

Câmbio & Moeda

Sites IA para Outreach
de Clínicas de Estética

Câmbio & Moeda

Sites IA para Outreachde Clínicas de Estética

Sites IA para Outreach
de Clínicas de Estética