wizz-method 2.1.1 → 2.3.0

package/src/skills-lib/wizz-premium-landing-ui-researcher/references/dashboard-and-portfolio-modes.md

@@ -1,10 +1,10 @@
 ## SaaS Dashboard Mode
 
-Quando o projeto for SaaS, app, plataforma, AI tool, CRM, analytics product, produto com login, internal tool ou productized service, considerar se o projeto também precisa de dashboard.
+When the project is a SaaS, app, platform, AI tool, CRM, analytics product, product with login, internal tool, or productized service, consider whether the project also needs a dashboard.
 
-Se fizer sentido, criar ou recomendar um dashboard SaaS completo junto da landing page.
+If it makes sense, create or recommend a complete SaaS dashboard alongside the landing page.
 
-O dashboard pode incluir:
+The dashboard may include:
 
 - sidebar navigation;
 - top bar;
@@ -28,65 +28,64 @@ O dashboard pode incluir:
 - command menu;
 - activity feed.
 
-A skill decide se o dashboard é necessário com base no tipo de projeto, na presença de login, no modelo de negócio e na pergunta direta ao usuário quando houver dúvida.
+The skill decides whether the dashboard is necessary based on the type of project, the presence of login, the business model, and by asking the user directly when in doubt.
 
-Quando o usuário pedir landing + produto, entregar:
+When the user requests landing + product, deliver:
 
-1. landing page estratégica;
-2. dashboard SaaS sugerido;
-3. arquitetura visual compartilhada entre landing e dashboard;
-4. componentes principais reutilizados;
-5. estados de interface (empty, loading, error, success);
-6. plano de implementação faseado.
+1. strategic landing page;
+2. suggested SaaS dashboard;
+3. shared visual architecture between landing and dashboard;
+4. main reused components;
+5. interface states (empty, loading, error, success);
+6. phased implementation plan.
 
-O dashboard deve seguir a mesma identidade visual da landing page (cores, tipografia, espaçamento, radius, tom). Não tratar dashboard como um produto visual separado da landing.
+The dashboard must follow the same visual identity as the landing page (colors, typography, spacing, radius, tone). Do not treat the dashboard as a visual product separate from the landing page.
 
 ## Portfolio / Authority Site Mode
 
-Quando o objetivo do site for autoridade, portfolio, marca pessoal, estúdio, agência premium ou lead passivo, **não tratar como sales page agressiva**.
+When the site's objective is authority, portfolio, personal brand, studio, premium agency, or passive lead generation, **do not treat it as an aggressive sales page**.
 
-Ativar este modo quando:
+Activate this mode when:
 
-- o cliente vende serviço consultivo premium ou high-ticket;
-- o objetivo principal é mostrar autoridade e portfolio (não captação direta);
-- o público é maduro (founders, C-level, peers, mercado premium);
-- a marca é autoral, estúdio, boutique ou agência selecionada;
-- o funnel é por inbound qualificado, indicação ou conversa privada;
-- pressão de conversão queimaria o posicionamento.
+- the client sells a premium, high-ticket consultative service;
+- the main objective is to show authority and portfolio (not direct lead capture);
+- the audience is mature (founders, C-level, peers, premium market);
+- the brand is authorial, a studio, boutique, or selective agency;
+- the funnel is via qualified inbound, referral, or private conversation;
+- conversion pressure would burn the positioning.
 
-Priorizar:
+Prioritize:
 
 - manifesto;
 - selected work;
 - case deep-dive;
 - capabilities;
 - recognition;
-- conversa discreta;
-- CTA editorial;
-- prova por execução visual;
-- copy sofisticada e sem urgência falsa.
-
-Evitar:
-
-- FAQ tradicional se parecer low-end;
-- pricing público se o serviço for premium/custom;
-- excesso de depoimentos genéricos;
-- urgência falsa;
-- copy agressiva de funil;
-- popups, exit intents e sticky CTAs barulhentos;
-- promessas mensuráveis sem prova real ("3x mais vendas em 30 dias");
-- elementos de e-commerce em site de serviço autoral.
-
-Quando este modo estiver ativo, ajustar:
-
-- **CTA principal**: editorial e discreto (`Start a conversation`, `hello@marca.com`, `Agendar uma call de 30 min`), não popup, não sticky agressivo;
-- **Hero**: statement editorial, não promessa de resultado bombástica;
-- **Prova social**: logo grid monocromático + 1-2 quotes editoriais longas, não carrossel de testimonials;
-- **Estrutura**: substituir FAQ por case deep-dive; substituir pricing por capabilities + processo;
-- **Microcopy**: tom adulto, sem exclamação, sem caps lock estratégico, sem emoji decorativo;
-- **Ritmo**: mais espaço negativo, mais respiro entre seções, menos seções no total.
-
-Este modo é compatível com 3D High-End e Signature 3D Experience. A combinação Portfolio/Authority + Signature 3D é ideal para agências premium, estúdios de design/dev e marcas pessoais de especialistas que querem o site funcionar como prova viva de capacidade.
-
-Este modo **não** é compatível com External CTA / WhatsApp Mode agressivo. Se o cliente quiser WhatsApp como CTA, manter o botão discreto no nav e no footer, sem sticky mobile e sem microcopy de urgência.
-
+- discreet conversation;
+- editorial CTA;
+- proof through visual execution;
+- sophisticated copy without false urgency.
+
+Avoid:
+
+- traditional FAQ if it looks low-end;
+- public pricing if the service is premium/custom;
+- excessive generic testimonials;
+- false urgency;
+- aggressive funnel copy;
+- popups, exit intents, and noisy sticky CTAs;
+- measurable promises without real proof ("3x more sales in 30 days");
+- e-commerce elements on an authorial service site.
+
+When this mode is active, adjust:
+
+- **Main CTA**: editorial and discreet (`Start a conversation`, `hello@marca.com`, `Book a 30-min call`), not a popup, not an aggressive sticky bar;
+- **Hero**: editorial statement, not a bombastic result promise;
+- **Social proof**: monochromatic logo grid + 1-2 long editorial quotes, not a testimonial carousel;
+- **Structure**: replace FAQ with case deep-dive; replace pricing with capabilities + process;
+- **Microcopy**: adult tone, no exclamation marks, no strategic caps lock, no decorative emoji;
+- **Pace**: more negative space, more breathing room between sections, fewer sections overall.
+
+This mode is compatible with 3D High-End and Signature 3D Experience. The Portfolio/Authority + Signature 3D combination is ideal for premium agencies, design/dev studios, and personal brands of specialists who want the site to work as living proof of capability.
+
+This mode is **not** compatible with an aggressive External CTA / WhatsApp Mode. If the client wants WhatsApp as a CTA, keep the button discreet in the nav and footer, without a mobile sticky bar and without urgency microcopy.

package/src/skills-lib/wizz-premium-landing-ui-researcher/references/handoffs.md

@@ -1,55 +1,54 @@
-## Handoff para wizz-motion-3d-director
+## Handoff to wizz-motion-3d-director
 
-Quando o nível for **3D High-End** ou **Signature 3D Experience**, a landing strategist (esta skill) deve enviar para o `wizz-motion-3d-director`:
+When the level is **3D High-End** or **Signature 3D Experience**, the landing strategist (this skill) must send the `wizz-motion-3d-director`:
 
-- brief visual;
+- visual brief;
 - feeling;
 - hero object;
 - three-second memory;
 - color logic;
 - typography logic;
 - spatial logic;
-- objetivo do site;
-- público;
-- nível escolhido (3D High-End ou Signature 3D);
-- se existe logo;
-- se existe imagem;
-- se existe mockup;
-- se existe produto;
-- se precisa ser interativo;
-- restrições de performance;
-- caminho esperado (3D real, image-to-video, hybrid ou motion 2D).
-
-O `wizz-motion-3d-director` deve retornar:
-
-- diagnóstico de motion;
-- caminho recomendado;
-- assets necessários;
-- prompt de imagem;
-- prompt de vídeo;
-- plano de implementação;
-- fallback mobile;
+- site objective;
+- audience;
+- chosen level (3D High-End or Signature 3D);
+- whether a logo exists;
+- whether an image exists;
+- whether a mockup exists;
+- whether a product exists;
+- whether it needs to be interactive;
+- performance constraints;
+- expected path (real 3D, image-to-video, hybrid, or 2D motion).
+
+The `wizz-motion-3d-director` must return:
+
+- motion diagnosis;
+- recommended path;
+- required assets;
+- image prompt;
+- video prompt;
+- implementation plan;
+- mobile fallback;
 - performance notes;
-- o que evitar.
+- what to avoid.
 
-Os termos `feeling`, `hero object`, `three-second memory`, `color logic`, `typography logic` e `spatial logic` vêm do brief produzido pela skill `wizz-decision-maker` (seis decisões + três lógicas). Se o usuário ainda não tem brief, sugerir rodar `wizz-decision-maker` primeiro: handoffs para 3D sem brief produzem genérico.
+The terms `feeling`, `hero object`, `three-second memory`, `color logic`, `typography logic`, and `spatial logic` come from the brief produced by the `wizz-decision-maker` skill (six decisions + three logics). If the user doesn't have a brief yet, suggest running `wizz-decision-maker` first: 3D handoffs without a brief produce generic results.
 
 ---
 
-## Handoff para wizz-implementation-planner
+## Handoff to wizz-implementation-planner
 
-A `wizz-implementation-planner` deve receber:
+The `wizz-implementation-planner` must receive:
 
-- nível de motion (1–5);
-- motion budget correspondente;
-- componentes a usar;
-- animações a implementar;
-- plano 3D/video (vindo do wizz-motion-3d-director, se aplicável);
+- motion level (1-5);
+- corresponding motion budget;
+- components to use;
+- animations to implement;
+- 3D/video plan (from the wizz-motion-3d-director, if applicable);
 - assets;
 - stack (Next.js, Tailwind, shadcn/ui, Framer Motion, GSAP, R3F, etc.);
 - performance constraints (Core Web Vitals, mobile fallback, reduced-motion).
 
-Regra crítica: **não implementar R3F/Three.js se o `wizz-motion-3d-director` decidir image-to-video ou hybrid sem 3D real.** A escolha de caminho do diretor de motion é decisiva: o planner executa, não re-decide.
+Critical rule: **do not implement R3F/Three.js if the `wizz-motion-3d-director` decides on image-to-video or hybrid without real 3D.** The motion director's path choice is decisive: the planner executes, it does not re-decide.
 
 ---
-

package/src/skills-lib/wizz-premium-landing-ui-researcher/references/landing-page-strategy.md

@@ -1,162 +1,162 @@
 ## Landing Page Strategy
 
-Sempre que criar landing page, entregar:
-
-1. diagnóstico do projeto;
-2. nível recomendado do site;
-3. direção visual;
-4. estratégia de copy;
-5. estrutura completa da página;
-6. textos prontos;
-7. componentes recomendados;
-8. animações recomendadas;
-9. fontes usadas;
-10. plano de implementação;
-11. melhorias de conversão;
-12. estratégia de CTA externo / WhatsApp, se aplicável;
-13. plano de dashboard, se relevante;
-14. plano 3D/WebGL, se relevante.
+Whenever creating a landing page, deliver:
+
+1. project diagnosis;
+2. recommended site level;
+3. visual direction;
+4. copy strategy;
+5. complete page structure;
+6. ready-to-use copy;
+7. recommended components;
+8. recommended animations;
+9. sources used;
+10. implementation plan;
+11. conversion improvements;
+12. external CTA / WhatsApp strategy, if applicable;
+13. dashboard plan, if relevant;
+14. 3D/WebGL plan, if relevant.
 
 ### Landing Page Required Structure
 
-A landing page deve incluir, quando fizer sentido:
+The landing page should include, when it makes sense:
 
-**Header / Topo**: logo, menu curto, CTA principal, CTA secundário (se aplicável), navegação clara, versão mobile.
+**Header / Top**: logo, short menu, main CTA, secondary CTA (if applicable), clear navigation, mobile version.
 
-**Hero Section**: headline específica e forte, subheadline com promessa realista, proposta clara, CTA principal, CTA secundário (se fizer sentido), prova rápida ou microcredibilidade, sugestão visual, animação recomendada.
+**Hero Section**: specific and strong headline, subheadline with a realistic promise, clear value proposition, main CTA, secondary CTA (if it makes sense), quick proof or micro-credibility, visual suggestion, recommended animation.
 
-**Sobre / Autoridade**: apresentação do negócio, credibilidade, posicionamento, contexto estratégico.
+**About / Authority**: business presentation, credibility, positioning, strategic context.
 
-**Problema / contexto**: cenário atual do público, custo da inação, evitar dor exagerada.
+**Problem / context**: the audience's current scenario, the cost of inaction, avoiding exaggerated pain.
 
-**Solução / mecanismo**: explicar a solução com clareza, por que funciona, apresentar método, produto ou serviço.
+**Solution / mechanism**: explain the solution clearly, why it works, present the method, product, or service.
 
-**Produto / Serviço**: descrição clara, benefícios, diferenciais, aplicação prática, o que está incluso, para quem é, para quem não é.
+**Product / Service**: clear description, benefits, differentiators, practical application, what's included, who it's for, who it's not for.
 
-**Benefícios**: ganhos práticos, ganhos emocionais, benefícios de status/clareza/velocidade/segurança, transformação esperada.
+**Benefits**: practical gains, emotional gains, status/clarity/speed/security benefits, expected transformation.
 
-**Diferenciais**: comparar contra alternativas ruins; método, experiência, velocidade, suporte ou curadoria.
+**Differentiators**: compare against bad alternatives; method, experience, speed, support, or curation.
 
-**Prova / Credibilidade**: depoimentos ou placeholders, números, validação, logos, autoridade, cases, antes e depois.
+**Proof / Credibility**: testimonials or placeholders, numbers, validation, logos, authority, cases, before and after.
 
-**Quebra de Objeções**: dúvidas principais, riscos percebidos, barreiras de decisão (tempo, preço, confiança, complexidade, suporte, resultado esperado).
+**Objection Handling**: main doubts, perceived risks, decision barriers (time, price, trust, complexity, support, expected result).
 
-**Conversão**: oferta, reforço de valor, CTA forte, bônus/garantia/segurança (se existir), urgência ética (se fizer sentido), redução de risco.
+**Conversion**: offer, value reinforcement, strong CTA, bonus/guarantee/security (if it exists), ethical urgency (if it makes sense), risk reduction.
 
-**FAQ**: perguntas frequentes relevantes, respostas diretas e objetivas, objeções respondidas.
+**FAQ**: relevant frequently asked questions, direct and objective answers, objections answered.
 
-**Footer**: links úteis, contato, social, legal, CTA final (se fizer sentido).
+**Footer**: useful links, contact, social, legal, final CTA (if it makes sense).
 
 ### Case Study / Portfolio Requirements
 
-Quando o site for para agência, consultoria, estúdio, dev premium, designer, produto autoral ou marca pessoal, sempre considerar uma seção de portfolio.
+When the site is for an agency, consultancy, studio, premium dev, designer, authorial product, or personal brand, always consider a portfolio section.
 
-Incluir:
+Include:
 
-- **selected work**: grid editorial com 4-8 cases curados (não galeria infinita);
-- **case cards**: thumbnail + nome do cliente (ou placeholder) + ano + tags de capability + linha de descrição curta;
-- **case deep-dive**: 1 case em destaque com storytelling longo na própria landing, ou link para página individual `/work/[slug]`;
-- **problema**: contexto, restrições, o que estava travando;
-- **decisões**: as escolhas não óbvias, o mecanismo, o porquê;
-- **resultado**: o outcome visual + métricas se existirem;
-- **stack**: tecnologias usadas, em mono type, como metadata editorial;
-- **métricas reais quando existirem**: usar números específicos, datados e atribuídos;
-- **placeholders editáveis quando faltarem dados**: marcar claramente como `[editável]` ou `[Cliente sob NDA]`.
+- **selected work**: editorial grid with 4-8 curated cases (not an infinite gallery);
+- **case cards**: thumbnail + client name (or placeholder) + year + capability tags + short description line;
+- **case deep-dive**: 1 featured case with a long storytelling section on the landing page itself, or a link to an individual `/work/[slug]` page;
+- **problem**: context, constraints, what was blocking progress;
+- **decisions**: the non-obvious choices, the mechanism, the reasoning;
+- **result**: the visual outcome + metrics if they exist;
+- **stack**: technologies used, in mono type, as editorial metadata;
+- **real metrics when they exist**: use specific, dated, and attributed numbers;
+- **editable placeholders when data is missing**: clearly mark as `[editable]` or `[Client under NDA]`.
 
-**Regra crítica:** nunca inventar clientes, números ou resultados. Usar `[editável]` quando faltar informação real. Inventar prova queima credibilidade no momento que o usuário fornecer os dados verdadeiros.
+**Critical rule:** never invent clients, numbers, or results. Use `[editable]` when real information is missing. Inventing proof burns credibility the moment the user provides the real data.
 
-Padrões editoriais recomendados:
+Recommended editorial patterns:
 
-- numeração mono nos cases (`01 — `, `02 — `);
-- ano em mono type ao lado do nome;
-- tags de capability separadas por `·` em vez de pílulas coloridas;
-- thumbnails com aspect ratio consistente (16:10 ou 4:3 funciona bem para tech);
-- hover com clip-path reveal ou image scale sutil + accent border;
-- cases sob NDA podem aparecer como `[Cliente confidencial · setor]` com descrição genérica do trabalho.
+- mono numbering on cases (`01 — `, `02 — `);
+- year in mono type next to the name;
+- capability tags separated by `·` instead of colored pills;
+- thumbnails with consistent aspect ratio (16:10 or 4:3 works well for tech);
+- hover with clip-path reveal or subtle image scale + accent border;
+- cases under NDA can appear as `[Confidential client · sector]` with a generic description of the work.
 
-Para case deep-dive na landing ou em página própria:
+For a case deep-dive on the landing page or on its own page:
 
-- estrutura em 3 atos: Context → Decisions → Outcome;
-- intercalar texto editorial com mockups grandes e estáticos (animar entrada, não loop);
-- evitar carrossel automático de imagens (controlar o pace);
-- terminar com CTA discreto de "Ver mais trabalhos" ou "Conversar sobre um projeto".
+- structure in 3 acts: Context → Decisions → Outcome;
+- interleave editorial text with large, static mockups (animate entrance, not loop);
+- avoid automatic image carousels (control the pace);
+- end with a discreet "See more work" or "Talk about a project" CTA.
 
-Quando o cliente não tiver portfolio ainda (lançamento de novo estúdio, rebrand, pivot), substituir `Selected Work` por `In Progress` ou `Currently Building` com 1-2 itens reais em desenvolvimento, sem inventar histórico.
+When the client doesn't have a portfolio yet (new studio launch, rebrand, pivot), replace `Selected Work` with `In Progress` or `Currently Building` with 1-2 real items in development, without inventing history.
 
 ### Copywriting Requirements
 
-Escrever todos os textos do site: headlines, subtítulos, descrições, CTAs, textos de apoio, FAQ, textos prontos para uso.
+Write all the site's copy: headlines, subheadings, descriptions, CTAs, supporting text, FAQ, ready-to-use text.
 
-A copy deve ser: clara, elegante, estratégica, orientada à conversão, profissional, moderna, específica, convincente sem exageros, adaptada ao nível de consciência do público, focada em resultado e transformação, premium sem parecer inflada.
+The copy must be: clear, elegant, strategic, conversion-oriented, professional, modern, specific, convincing without exaggeration, adapted to the audience's awareness level, focused on result and transformation, premium without sounding inflated.
 
-A copy não pode soar: genérica, amadora, superficial, artificial, inflada sem substância, caricata, cheia de promessas milagrosas.
+The copy must not sound: generic, amateurish, superficial, artificial, inflated without substance, cartoonish, full of miracle promises.
 
-Regras práticas:
+Practical rules:
 
-- Usar 2ª pessoa: "você".
-- Ser claro antes de ser criativo.
-- Priorizar precisão, especificidade e prova sobre adjetivos vagos.
-- Evitar clichês como "revolucione", "transforme sua vida", "potencialize seu sucesso" sem substância.
-- Evitar promessas milagrosas.
-- Tratar oferta low ticket como entrada estratégica de valor, não como produto barato.
-- Aumentar percepção premium com precisão, especificidade, clareza e prova.
-- Preferir frases curtas e fortes.
-- Explicar benefícios com consequência prática.
-- Adaptar a copy ao nível de consciência do público.
-- Criar CTAs específicos, não apenas "Saiba mais".
-- Não explicar teoria.
-- Entregar como copywriter profissional.
+- Use 2nd person: "you".
+- Be clear before being creative.
+- Prioritize precision, specificity, and proof over vague adjectives.
+- Avoid clichés like "revolutionize," "transform your life," "boost your success" without substance.
+- Avoid miracle promises.
+- Treat a low-ticket offer as a strategic entry point of value, not as a cheap product.
+- Increase premium perception through precision, specificity, clarity, and proof.
+- Prefer short, strong sentences.
+- Explain benefits with practical consequence.
+- Adapt the copy to the audience's awareness level.
+- Create specific CTAs, not just "Learn more."
+- Don't explain theory.
+- Deliver like a professional copywriter.
 
 ### Conversion Optimization
 
-Sempre sugerir melhorias de conversão:
-
-- CTA acima da dobra;
-- CTA repetido estrategicamente;
-- clareza de oferta;
-- redução de objeções;
-- prova social;
-- reforço de autoridade;
-- comparação antes/depois;
-- escassez ética, se fizer sentido;
-- garantias, se existirem;
-- seção de dúvidas;
-- microcopy em botões;
-- layout mobile-first;
-- contraste em CTAs;
-- teste A/B de headline;
-- teste A/B de hero visual;
-- teste A/B de CTA;
-- simplificação de formulário;
-- elementos de confiança.
+Always suggest conversion improvements:
+
+- CTA above the fold;
+- CTA repeated strategically;
+- offer clarity;
+- objection reduction;
+- social proof;
+- authority reinforcement;
+- before/after comparison;
+- ethical scarcity, if it makes sense;
+- guarantees, if they exist;
+- FAQ section;
+- button microcopy;
+- mobile-first layout;
+- CTA contrast;
+- headline A/B testing;
+- hero visual A/B testing;
+- CTA A/B testing;
+- form simplification;
+- trust elements.
 
 ### External CTA / WhatsApp Conversion Mode
 
-Quando o objetivo da página for captar leads via WhatsApp, Telegram, Calendly, DM, ligação ou link externo, adaptar a estratégia de conversão.
+When the page's objective is to capture leads via WhatsApp, Telegram, Calendly, DM, a phone call, or an external link, adapt the conversion strategy.
 
-Usar quando:
+Use when:
 
-- objetivo for "chamar no WhatsApp";
-- objetivo for "agendar reunião";
-- objetivo for "captar diagnóstico";
-- objetivo for "conversar com especialista";
-- objetivo for "falar com consultor";
-- produto ou serviço vender melhor por conversa.
+- the objective is "get them on WhatsApp";
+- the objective is "book a meeting";
+- the objective is "capture a diagnosis request";
+- the objective is "talk to a specialist";
+- the objective is "talk to a consultant";
+- the product or service sells better through conversation.
 
-Para WhatsApp:
+For WhatsApp:
 
-- CTA deve ser claro e orientado à ação;
-- evitar CTA genérico como "Saiba mais";
-- usar microcopy que reduza fricção;
-- explicar o que acontece depois do clique;
-- reforçar que é rápido, direto e sem compromisso, se for verdade;
-- repetir o CTA em pontos estratégicos;
-- usar botão fixo/sticky no mobile, se fizer sentido;
-- criar seção de objeções antes do CTA final;
-- usar prova social antes de pedir conversa;
-- CTA deve combinar intenção + benefício.
+- the CTA must be clear and action-oriented;
+- avoid generic CTAs like "Learn more";
+- use microcopy that reduces friction;
+- explain what happens after the click;
+- reinforce that it's fast, direct, and with no commitment, if that's true;
+- repeat the CTA at strategic points;
+- use a fixed/sticky button on mobile, if it makes sense;
+- create an objections section before the final CTA;
+- use social proof before asking for a conversation;
+- the CTA must combine intent + benefit.
 
-Exemplos de CTA para WhatsApp:
+CTA examples for WhatsApp (keep in Portuguese — this is verbatim end-customer copy for the Brazilian market):
 
 - "Agendar diagnóstico pelo WhatsApp"
 - "Quero ver minha automação funcionando"
@@ -165,22 +165,22 @@ Exemplos de CTA para WhatsApp:
 - "Quero automatizar meu atendimento"
 - "Ver como isso funcionaria na minha operação"
 
-Microcopy de apoio:
+Supporting microcopy (keep in Portuguese — verbatim end-customer copy):
 
 - "Você será direcionado para uma conversa rápida no WhatsApp."
 - "Sem compromisso. A ideia é entender seu cenário e mostrar o melhor caminho."
 - "Ideal para clínicas que querem captar, responder e agendar com mais consistência."
 
-Quando o CTA for WhatsApp, incluir no plano de implementação:
+When the CTA is WhatsApp, include in the implementation plan:
 
-- link formatado com mensagem pré-preenchida;
-- botão fixo mobile opcional;
-- eventos de tracking;
-- variações A/B de CTA;
-- fallback para desktop;
-- mensagem inicial sugerida.
+- link formatted with a pre-filled message;
+- optional fixed mobile button;
+- tracking events;
+- CTA A/B variations;
+- desktop fallback;
+- suggested initial message.
 
-Exemplo de mensagem pré-preenchida:
+Example pre-filled message (keep in Portuguese — verbatim end-customer copy):
 
 ```text
 Olá, quero entender como uma automação com IA poderia ajudar minha clínica a captar mais leads e agendar mais avaliações.
@@ -188,11 +188,11 @@ Olá, quero entender como uma automação com IA poderia ajudar minha clínica a
 
 ### Visual Direction Requirements
 
-Sempre descrever: estilo visual ideal, cores sugeridas, tipografia, layout, elementos visuais, sensação que o site deve transmitir, motion style, nível de sofisticação, referências de componentes, hierarquia visual, direção de imagens, uso de 3D (se fizer sentido), fallback mobile.
+Always describe: ideal visual style, suggested colors, typography, layout, visual elements, the feeling the site should convey, motion style, level of sophistication, component references, visual hierarchy, image direction, use of 3D (if it makes sense), mobile fallback.
 
 ### Implementation Output
 
-Se o usuário pedir implementação, entregar:
+If the user asks for implementation, deliver:
 
 - file structure;
 - dependencies;
@@ -204,24 +204,23 @@ Se o usuário pedir implementação, entregar:
 - accessibility notes;
 - SEO basics;
 - recommended components;
-- sections order;
+- section order;
 - implementation steps.
 
-Para projetos avançados, incluir: lazy loading, reduced motion support, canvas optimization, dynamic imports, mobile particle reduction, asset compression, animation budget, Core Web Vitals considerations.
-
-#### Regras de implementação
-
-- Respeitar padrões existentes do projeto.
-- Não reescrever arquitetura sem necessidade.
-- Criar componentes reutilizáveis.
-- Usar TypeScript quando o projeto usa TypeScript.
-- Usar Tailwind quando o projeto usa Tailwind.
-- Usar shadcn/ui se já estiver instalado ou se for claramente adequado.
-- Evitar dependências novas quando CSS/Framer Motion resolver.
-- Adicionar Three.js ou React Three Fiber somente quando necessário.
-- Garantir responsividade.
-- Garantir estados de hover/focus.
-- Não quebrar acessibilidade.
-- Não deixar texto placeholder genérico, salvo depoimentos/cases quando o usuário não tiver prova real.
-- Para placeholders, escrever textos realistas e marcá-los como editáveis.
-
+For advanced projects, include: lazy loading, reduced motion support, canvas optimization, dynamic imports, mobile particle reduction, asset compression, animation budget, Core Web Vitals considerations.
+
+#### Implementation Rules
+
+- Respect the project's existing patterns.
+- Don't rewrite architecture unnecessarily.
+- Create reusable components.
+- Use TypeScript when the project uses TypeScript.
+- Use Tailwind when the project uses Tailwind.
+- Use shadcn/ui if it's already installed or clearly appropriate.
+- Avoid new dependencies when CSS/Framer Motion solves the problem.
+- Add Three.js or React Three Fiber only when necessary.
+- Ensure responsiveness.
+- Ensure hover/focus states.
+- Don't break accessibility.
+- Don't leave generic placeholder text, except for testimonials/cases when the user has no real proof.
+- For placeholders, write realistic text and mark it as editable.