wizz-method 2.2.0 → 2.3.0

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

@@ -1,29 +1,29 @@
 ## Source Access Strategy
 
-Priorizar fontes gratuitas, open source, públicas, registry-based ou fornecidas pelo usuário.
+Prioritize free, open source, public, registry-based sources or sources provided by the user.
 
-Não depender de fontes pagas como parte central do fluxo.
+Do not depend on paid sources as a core part of the flow.
 
-Fluxo de pesquisa (fontes públicas primeiro; registrar evidências conforme [source-first-protocol](source-first-protocol.md)):
+Research flow (public sources first; log evidence per [source-first-protocol](source-first-protocol.md)):
 
-1. referências enviadas pelo usuário (`modelos lp/`, prints, links);
-2. repositórios open source autorizados: cache central em `~/.claude/design-sources/` (React Bits, Cult UI, Ali Imam, Watermelon, StyleUI) + Skiper UI via shadcn + Componentry (componentry.dev, gratuito, React animado);
-3. registries shadcn públicos;
-4. fontes de taste/motion (Impeccable, Taste Skill, Design Motion Principles, MotionSites, Vibe Code Components, Refero Styles com DESIGN.md gratuito);
-5. fontes visuais abertas (Landing Love, Godly, Design Spells, Mobbin, Refero, ScreensDesign, DesignVault, Spline, Unicorn Studio);
-6. hipóteses estratégicas coerentes, quando não houver acesso externo.
+1. references sent by the user (`modelos lp/`, screenshots, links);
+2. authorized open source repositories: central cache at `~/.claude/design-sources/` (React Bits, Cult UI, Ali Imam, Watermelon, StyleUI) + Skiper UI via shadcn + Componentry (componentry.dev, free, animated React);
+3. public shadcn registries;
+4. taste/motion sources (Impeccable, Taste Skill, Design Motion Principles, MotionSites, Vibe Code Components, Refero Styles with a free DESIGN.md);
+5. open visual sources (Landing Love, Godly, Design Spells, Mobbin, Refero, ScreensDesign, DesignVault, Spline, Unicorn Studio);
+6. coherent strategic hypotheses, when there is no external access.
 
-## Evidências de mineração
+## Mining Evidence
 
-Para cada recomendação, abra a demo e o código/registry do item exato. Registre busca, URL/path, revisão ou data, licença, dependências, compatibilidade e motivo de seleção ou rejeição. Não invente nomes de arquivos nem use a homepage de um catálogo como prova de que um componente foi encontrado.
+For every recommendation, open the demo and the code/registry of the exact item. Log the search, URL/path, revision or date, license, dependencies, compatibility, and reason for selection or rejection. Do not invent file names or use a catalog's homepage as proof that a component was found.
 
-Use o browser disponível para verificar animações e estados quando possível. Se a fonte estiver indisponível, registre isso e continue pelas outras fontes. Inspiração visual e código reutilizável têm critérios de evidência diferentes.
+Use the available browser to verify animations and states when possible. If a source is unavailable, log that and continue through the other sources. Visual inspiration and reusable code have different evidence bars.
 
-**Overlap com modelos locais:** inspecionar a pasta `modelos lp/` do usuário primeiro; o que já foi minerado e salvo localmente não precisa de rede.
+**Overlap with local models:** inspect the user's `modelos lp/` folder first; what has already been mined and saved locally does not need the network.
 
 ## Authorized Component / Code Inspection Sources
 
-Estas fontes são candidatas à pesquisa; verifique disponibilidade e licença do item escolhido. Siga a Clone Policy abaixo para inspecionar componentes, exemplos ou registries.
+These sources are research candidates; verify availability and license of the chosen item. Follow the Clone Policy below to inspect components, examples, or registries.
 
 ### React Bits
 
@@ -31,22 +31,22 @@ Estas fontes são candidatas à pesquisa; verifique disponibilidade e licença d
 https://github.com/DavidHDev/react-bits.git
 ```
 
-Usar para: animações React, text effects, animated backgrounds, scroll effects, hover effects, cards animados, microinterações, loaders, hero animations, partículas, efeitos de cursor, detalhes visuais interativos.
+Use for: React animations, text effects, animated backgrounds, scroll effects, hover effects, animated cards, microinteractions, loaders, hero animations, particles, cursor effects, interactive visual details.
 
-Verificar a licença do item/revisão: em 2026-09-06 o [LICENSE.md](https://github.com/DavidHDev/react-bits/blob/0e69e737242df1d257b4e5e399b01ae1d7901375/LICENSE.md) declara MIT + Commons Clause. Código público não equivale a MIT sem restrições adicionais. Não recomendar nem listar componentes React Bits Pro como dependência obrigatória.
+Check the license of the item/revision: as of 2026-09-06 the [LICENSE.md](https://github.com/DavidHDev/react-bits/blob/0e69e737242df1d257b4e5e399b01ae1d7901375/LICENSE.md) declares MIT + Commons Clause. Public code does not equal unrestricted MIT. Do not recommend or list React Bits Pro components as a mandatory dependency.
 
 ### Cult UI
 
-Usar docs, GitHub ou registry público quando disponível:
+Use the docs, GitHub, or public registry when available:
 
 ```text
 https://www.cult-ui.com/docs
 https://github.com/nolly-studio/cult-ui
 ```
 
-Usar para: componentes shadcn, hero sections, botões sofisticados, cards animados, marketing sections, componentes com visual premium, componentes para landing pages.
+Use for: shadcn components, hero sections, sophisticated buttons, animated cards, marketing sections, premium-looking components, landing page components.
 
-Usar apenas recursos públicos/open source, salvo confirmação de acesso pago.
+Use only public/open source resources, unless paid access is confirmed.
 
 ### Ali Imam
 
@@ -54,9 +54,9 @@ Usar apenas recursos públicos/open source, salvo confirmação de acesso pago.
 https://github.com/aliimam-in/aliimam.git
 ```
 
-Usar para: shaders, liquid wave, pixel grid, ripple shader, border glow, bento layouts, typewriter effects, canvas-based effects, efeitos visuais experimentais.
+Use for: shaders, liquid wave, pixel grid, ripple shader, border glow, bento layouts, typewriter effects, canvas-based effects, experimental visual effects.
 
-Se a estrutura do repositório estiver incerta: inspecionar docs primeiro e não assumir nomes de componentes sem verificar.
+If the repository structure is unclear: inspect the docs first and do not assume component names without verifying.
 
 ### Watermelon UI
 
@@ -64,7 +64,7 @@ Se a estrutura do repositório estiver incerta: inspecionar docs primeiro e não
 https://github.com/WatermelonCorp/watermellon-registry.git
 ```
 
-Usar para: SaaS components, dashboards, product UI, cards, app sections, UI blocks, interfaces de produto, layouts funcionais, componentes de startup.
+Use for: SaaS components, dashboards, product UI, cards, app sections, UI blocks, product interfaces, functional layouts, startup components.
 
 ### StyleUI
 
@@ -72,66 +72,66 @@ Usar para: SaaS components, dashboards, product UI, cards, app sections, UI bloc
 https://github.com/heyfabrika/styleui.git
 ```
 
-Usar para: templates, landing page layouts, páginas prontas, seções instaláveis, fundamentos rápidos de layout, páginas base.
+Use for: templates, landing page layouts, ready-made pages, installable sections, quick layout foundations, base pages.
 
 ### Componentry
 
-- Site: https://componentry.dev/ (gratuito, open source, Vercel OSS Program)
-- Componentes React já animados (styling + animação resolvidos), copy-paste
-- Fonte GRATUITA prioritária pra micro-interação/animação de componente antes de qualquer fonte paga
-- **MCP oficial** (https://componentry.dev/docs/mcp): via MCP do shadcn — `pnpm dlx shadcn@latest mcp init` + registry `"@componentry": "https://componentry.fun/r/{name}.json"` no `components.json`; o agente instala componentes/animações direto, sem copy-paste manual
+- Site: https://componentry.dev/ (free, open source, Vercel OSS Program)
+- Already-animated React components (styling + animation solved), copy-paste
+- Priority FREE source for component micro-interaction/animation before any paid source
+- **Official MCP** (https://componentry.dev/docs/mcp): via the shadcn MCP — `pnpm dlx shadcn@latest mcp init` + registry `"@componentry": "https://componentry.fun/r/{name}.json"` in `components.json`; the agent installs components/animations directly, no manual copy-paste
 
 ### Animmaster Lib
 
-- Site: https://animmasterlib.dev/ — **fonte PAGA** (300 componentes animados PRO, HTML/CSS/JS/React/Next)
-- Só usar com acesso/custo autorizado, quando as fontes públicas não cobrirem
-- O que o usuário já comprou/baixou dela vale como recurso local (inspecionar em `modelos lp/`)
+- Site: https://animmasterlib.dev/ — **PAID source** (300 PRO animated components, HTML/CSS/JS/React/Next)
+- Only use with authorized access/cost, when public sources don't cover the need
+- What the user has already bought/downloaded from it counts as a local resource (inspect in `modelos lp/`)
 
 ### Bklit UI
 
-- Site: https://bklit.com/ · GitHub: https://github.com/bklit/bklit-ui (MIT, gratuito, open source)
-- Charts e componentes utilitários React/TypeScript/Tailwind via registry shadcn (~15 tipos: área, barras, linha, pizza, radar, Sankey, candlestick, choropleth, gauge)
-- **Não clonar**: instalar direto pelo registry — `npx shadcn@latest add @bklit/<chart>` (ex: `@bklit/line-chart`)
-- Fonte prioritária para: dashboards SaaS, data viz, seções de métricas/estatísticas na landing, gráficos animados premium (complementa/substitui Recharts cru)
-- O Bklit Studio (playground) é proprietário; os componentes em si são MIT
+- Site: https://bklit.com/ · GitHub: https://github.com/bklit/bklit-ui (MIT, free, open source)
+- Charts and utility React/TypeScript/Tailwind components via the shadcn registry (~15 types: area, bar, line, pie, radar, Sankey, candlestick, choropleth, gauge)
+- **Do not clone**: install directly from the registry — `npx shadcn@latest add @bklit/<chart>` (e.g. `@bklit/line-chart`)
+- Priority source for: SaaS dashboards, data viz, metrics/stats sections on the landing page, premium animated charts (complements/replaces raw Recharts)
+- The Bklit Studio (playground) is proprietary; the components themselves are MIT
 
 ### Skiper UI
 
-Skiper UI **não deve ser clonado**.
+Skiper UI **must not be cloned**.
 
-Usar o comando público:
+Use the public command:
 
 ```bash
 npx shadcn add @skiper-ui/skiper40
 ```
 
-Usar somente componentes públicos/gratuitos, a menos que o usuário confirme acesso premium.
+Use only public/free components, unless the user confirms premium access.
 
-Usar para: uncommon shadcn components, efeitos visuais diferenciados, seções premium, animações avançadas, componentes menos genéricos.
+Use for: uncommon shadcn components, distinctive visual effects, premium sections, advanced animations, less generic components.
 
-Evitar: depender de componentes premium sem autorização; assumir acesso pago.
+Avoid: depending on premium components without authorization; assuming paid access.
 
-## Animation Engine Libraries (libs de código, via npm)
+## Animation Engine Libraries (code libs, via npm)
 
-Motores de animação instaláveis como dependência npm normal (não são registries de componentes; não precisam de clone — os repos podem ser inspecionados para exemplos/demos).
+Animation engines installable as a regular npm dependency (not component registries; no cloning needed — the repos can be inspected for examples/demos).
 
 ### GSAP
 
 - GitHub: https://github.com/greensock/GSAP.git · Docs: https://gsap.com/docs/
-- **100% gratuito desde a v3.13** (aquisição pela Webflow, 2025), incluindo todos os plugins antes pagos: ScrollTrigger, ScrollSmoother, SplitText, MorphSVG, DrawSVG, etc. Instalar: `npm i gsap` (+ `@gsap/react` para o hook `useGSAP`)
-- Usar para: scroll storytelling e animações scroll-driven complexas (ScrollTrigger), timelines longas e sequenciadas, text reveal por caractere/palavra (SplitText), morph de SVG, animações fora do ciclo do React, sites high-end estilo Awwwards
-- Preferir GSAP sobre Framer Motion quando: a animação é orquestrada por scroll com pinning/scrub, a timeline tem muitos passos encadeados, ou o efeito anima elementos fora de componentes React
+- **100% free since v3.13** (Webflow acquisition, 2025), including all previously paid plugins: ScrollTrigger, ScrollSmoother, SplitText, MorphSVG, DrawSVG, etc. Install: `npm i gsap` (+ `@gsap/react` for the `useGSAP` hook)
+- Use for: scroll storytelling and complex scroll-driven animations (ScrollTrigger), long chained timelines, character/word text reveal (SplitText), SVG morphing, animations outside the React cycle, high-end Awwwards-style sites
+- Prefer GSAP over Framer Motion when: the animation is scroll-orchestrated with pinning/scrub, the timeline has many chained steps, or the effect animates elements outside React components
 
 ### anime.js
 
-- GitHub: https://github.com/juliangarnier/anime.git · Docs: https://animejs.com/ (MIT, gratuito)
-- v4: API modular e tree-shakeable (~10kb core), timelines, stagger, springs, draggable, scroll observer, SVG (draw/morph/motion path), WAAPI. Instalar: `npm i animejs`
-- Usar para: microinterações e animações leves quando GSAP seria peso demais, stagger/grid animations, animação de SVG, contadores/números animados, projetos sem React ou fora do ecossistema Motion
-- Regra de escolha: Framer Motion/Motion para UI React declarativa → anime.js para efeitos leves imperativos → GSAP para scroll orquestrado e timelines cinematográficas
+- GitHub: https://github.com/juliangarnier/anime.git · Docs: https://animejs.com/ (MIT, free)
+- v4: modular, tree-shakeable API (~10kb core), timelines, stagger, springs, draggable, scroll observer, SVG (draw/morph/motion path), WAAPI. Install: `npm i animejs`
+- Use for: lightweight microinteractions and animations when GSAP would be too heavy, stagger/grid animations, SVG animation, animated counters/numbers, projects without React or outside the Motion ecosystem
+- Choice rule: Framer Motion/Motion for declarative React UI → anime.js for lightweight imperative effects → GSAP for orchestrated scroll and cinematic timelines
 
 ## Authorized Reference Inspection Sources
 
-Estas fontes podem ser inspecionadas ou consultadas para princípios, critérios de qualidade, motion e taste, mas **não devem ser tratadas como dependências de projeto**.
+These sources can be inspected or consulted for principles, quality criteria, motion, and taste, but **must not be treated as project dependencies**.
 
 ### Impeccable
 
@@ -139,9 +139,9 @@ Estas fontes podem ser inspecionadas ou consultadas para princípios, critérios
 https://github.com/pbakaus/impeccable.git
 ```
 
-Usar para: visual taste, spacing, hierarchy, composição visual, design fluency, evitar UI amadora, melhorar refinamento visual.
+Use for: visual taste, spacing, hierarchy, visual composition, design fluency, avoiding amateur UI, improving visual refinement.
 
-Impeccable não é fonte de componentes. É fonte de julgamento visual.
+Impeccable is not a source of components. It is a source of visual judgment.
 
 ### Taste Skill
 
@@ -149,11 +149,11 @@ Impeccable não é fonte de componentes. É fonte de julgamento visual.
 https://github.com/Leonxlnx/taste-skill.git
 ```
 
-Usar como camada anti-generic frontend.
+Use as an anti-generic-frontend layer.
 
-Aplicar para: evitar UI genérica de IA, melhorar hierarquia, melhorar spacing, melhorar composição, deixar a interface mais premium, corrigir visual "template", revisar se o design parece feito por especialista.
+Apply to: avoid generic AI-looking UI, improve hierarchy, improve spacing, improve composition, make the interface feel more premium, fix a "template" look, review whether the design looks expert-made.
 
-Sempre aplicar quando a landing parecer genérica, o projeto for avançado ou high-end, o usuário pedir qualidade premium, o site precisar parecer caro.
+Always apply when the landing page looks generic, the project is advanced or high-end, the user asks for premium quality, or the site needs to look expensive.
 
 ### Design Motion Principles
 
@@ -161,7 +161,7 @@ Sempre aplicar quando a landing parecer genérica, o projeto for avançado ou hi
 https://github.com/kylezantos/design-motion-principles.git
 ```
 
-Usar para: easing, timing, scroll motion, reveal logic, microinteraction rules, motion hierarchy, duração de animações, entrada e saída de elementos, evitar animação caótica, consistência de movimento.
+Use for: easing, timing, scroll motion, reveal logic, microinteraction rules, motion hierarchy, animation duration, element entrance and exit, avoiding chaotic animation, motion consistency.
 
 ### MotionSites
 
@@ -169,11 +169,11 @@ Usar para: easing, timing, scroll motion, reveal logic, microinteraction rules,
 https://github.com/aayushsoam/motionsites.ai.git
 ```
 
-Classificação: referência visual, referência de motion, biblioteca de prompts/ideias, fonte de inspiração para hero, scroll storytelling e animações.
+Classification: visual reference, motion reference, prompt/idea library, inspiration source for hero, scroll storytelling, and animations.
 
-**Não tratar MotionSites como fonte principal de componentes instaláveis.** Se houver repositório disponível, pode ser inspecionado apenas para pesquisa de referências e padrões, não como dependência do projeto.
+**Do not treat MotionSites as a primary source of installable components.** If a repository is available, it can be inspected only for reference and pattern research, not as a project dependency.
 
-Usar para: motion references, animated landing ideas, hero prompts, scroll storytelling, cinematic web sections, exemplos de movimento, direção de animação.
+Use for: motion references, animated landing ideas, hero prompts, scroll storytelling, cinematic web sections, motion examples, animation direction.
 
 ### Vibe Code Components
 
@@ -181,125 +181,125 @@ Usar para: motion references, animated landing ideas, hero prompts, scroll story
 https://vibecodecomponents.com/
 ```
 
-Classificação: referência visual, fonte de prompts, inspiração de componentes, vibe coding reference.
+Classification: visual reference, prompt source, component inspiration, vibe coding reference.
 
-**Não tratar como fonte garantida de código instalável**, a menos que o conteúdo acessível confirme isso.
+**Do not treat as a guaranteed source of installable code**, unless the accessible content confirms it.
 
-Usar para: vibe coding references, prompt ideas, component inspiration, UI patterns, visual exploration, ideias de seções, direção visual rápida, componentes modernos.
+Use for: vibe coding references, prompt ideas, component inspiration, UI patterns, visual exploration, section ideas, quick visual direction, modern components.
 
-> **Regra importante:** MotionSites e Vibe Code Components podem aparecer em `Reference Sources` e `Visual Inspiration Sources`, mas não devem ser tratadas como fontes primárias de implementação igual React Bits, Cult UI, Watermelon ou StyleUI.
+> **Important rule:** MotionSites and Vibe Code Components can appear under `Reference Sources` and `Visual Inspiration Sources`, but must not be treated as primary implementation sources like React Bits, Cult UI, Watermelon, or StyleUI.
 
 ## Visual Inspiration Sources
 
-Estas são fontes visuais para a skill usar quando precisar de direção visual, inspiração, estilo, animação, composição e UX. Não devem ser tratadas como fonte garantida de código.
+These are visual sources for the skill to use when it needs visual direction, inspiration, style, animation, composition, and UX. They must not be treated as a guaranteed source of code.
 
 ### 1. Landing Love
 
 URL: `https://www.landing.love/`
 
-Melhor para pesquisar: landing pages animadas, scroll effects, WebGL, GSAP, Framer, Webflow, páginas com vídeo de navegação, storytelling visual, motion em páginas reais.
+Best for researching: animated landing pages, scroll effects, WebGL, GSAP, Framer, Webflow, pages with navigation video, visual storytelling, motion on real pages.
 
-Quando usar: projeto precisa de inspiração de landing page animada, usuário quer algo moderno/dinâmico, skill precisa entender ritmo de scroll e transições.
+When to use: the project needs animated landing page inspiration, the user wants something modern/dynamic, the skill needs to understand scroll rhythm and transitions.
 
 ### 2. Godly
 
 URL: `https://godly.website/`
 
-Melhor para pesquisar: sites premium, composição visual, tipografia, direção de arte, layout editorial, estética high-end, referências de marcas digitais.
+Best for researching: premium sites, visual composition, typography, art direction, editorial layout, high-end aesthetics, digital brand references.
 
-Quando usar: projeto precisa parecer sofisticado, direção visual está fraca, site precisa parecer caro e não genérico.
+When to use: the project needs to look sophisticated, visual direction is weak, the site needs to look expensive and not generic.
 
 ### 3. Design Spells
 
 URL: `https://www.designspells.com/`
 
-Melhor para pesquisar: microinterações, detalhes de UI, easter eggs, pequenas animações, momentos de encantamento, interação fina.
+Best for researching: microinteractions, UI details, easter eggs, small animations, moments of delight, fine-grained interaction.
 
-Quando usar: site já estruturado mas precisa de detalhes memoráveis, projeto precisa de acabamento visual, experiência precisa parecer mais viva.
+When to use: the site is already structured but needs memorable details, the project needs visual polish, the experience needs to feel more alive.
 
 ### 4. Spline
 
 URL: `https://spline.design/`
 
-Melhor para pesquisar: cenas 3D, hero 3D, objetos interativos, product visuals, embeds 3D, experiências espaciais.
+Best for researching: 3D scenes, 3D hero, interactive objects, product visuals, 3D embeds, spatial experiences.
 
-Quando usar: projeto 3D High-End, modo Signature 3D, marca tech/futurista, produto que ganha valor com visual 3D.
+When to use: High-End 3D project, Signature 3D mode, tech/futuristic brand, product that gains value from 3D visuals.
 
-Trabalhar dentro do plano gratuito do Spline. Respeitar limites de exportação, watermark e número de cenas. Não pressupor licença paga.
+Work within Spline's free plan. Respect export limits, watermark, and scene count. Do not assume a paid license.
 
 ### 5. Unicorn Studio
 
 URL: `https://www.unicorn.studio/`
 
-Melhor para pesquisar: WebGL backgrounds, motion assets, efeitos no-code, shaders visuais, fundos interativos, efeitos de partículas.
+Best for researching: WebGL backgrounds, motion assets, no-code effects, visual shaders, interactive backgrounds, particle effects.
 
-Quando usar: site precisa de impacto visual, projeto quer WebGL sem implementar tudo manualmente, skill precisa sugerir background animado ou efeito atmosférico.
+When to use: the site needs visual impact, the project wants WebGL without implementing everything manually, the skill needs to suggest an animated background or atmospheric effect.
 
-Trabalhar dentro do plano gratuito. Respeitar limites e marca d'água. Não pressupor licença paga.
+Work within the free plan. Respect limits and the watermark. Do not assume a paid license.
 
 ### 6b. Refero
 
-- https://refero.design/ — inspiração UI/UX de apps e sites reais, por tela e por fluxo
-- Usar como Mobbin: referência visual de padrões reais, não fonte de código
-- **Refero Styles** (https://styles.refero.design/, gratuito em beta): biblioteca de `DESIGN.md` extraídos de sites reais — paleta, tipografia, spacing, motion e padrões de componente num único markdown. Buscar por marca/mood/cor, copiar o DESIGN.md e colar no contexto do agente. Pra direção visual concreta, priorizar sobre inspiração visual pura (screenshot)
+- https://refero.design/ — real app and site UI/UX inspiration, by screen and by flow
+- Use like Mobbin: visual reference of real patterns, not a code source
+- **Refero Styles** (https://styles.refero.design/, free beta): a library of `DESIGN.md` files extracted from real sites — palette, typography, spacing, motion, and component patterns in a single markdown file. Search by brand/mood/color, copy the DESIGN.md, and paste it into the agent's context. For concrete visual direction, prioritize this over pure visual inspiration (screenshots)
 
 ### 6. Mobbin
 
 URL: `https://mobbin.com/`
 
-Melhor para pesquisar: UX real, fluxos de apps, onboarding, pricing pages, dashboards, mobile UI, padrões de produto.
+Best for researching: real UX, app flows, onboarding, pricing pages, dashboards, mobile UI, product patterns.
 
-Regra: Mobbin pode exigir login/pagamento. Usar apenas se houver acesso, previews públicos ou referências enviadas pelo usuário. Não depender de Mobbin no fluxo principal.
+Rule: Mobbin may require login/payment. Use only if there is access, public previews, or references provided by the user. Do not depend on Mobbin in the main flow.
 
 ### 7. ScreensDesign / DesignVault
 
 URLs: `https://screensdesign.com/` · `https://designvault.io/`
 
-Melhor para pesquisar: onboarding mobile, paywalls, app screens, subscription flows, telas com foco em conversão, UX de apps.
+Best for researching: mobile onboarding, paywalls, app screens, subscription flows, conversion-focused screens, app UX.
 
-Regra: pode exigir plano/pagamento para uso completo. Usar apenas quando houver acesso ou como referência visual pública.
+Rule: full use may require a plan/payment. Use only when there is access or as a public visual reference.
 
-### Fontes que o usuário pode fornecer manualmente
+### Sources the user can provide manually
 
-- **Prints, screenshots, vídeos, Figma, Behance, Dribbble, sites concorrentes**: tratar como fonte de prioridade alta. A referência do usuário vale mais que catálogo genérico.
-- **Componentes ou trechos de código que o usuário cole no chat**: tratar como base autoritativa para estilo, padrão e direção.
-- **Bibliotecas premium que o usuário declarar ter acesso** (React Bits Pro, Cult UI Pro, Skiper UI premium, Mobbin, ScreensDesign Pro, etc.): a skill **não pressupõe esse acesso**, mas se o usuário confirmar, pode usar.
+- **Screenshots, videos, Figma, Behance, Dribbble, competitor sites**: treat as a high-priority source. The user's reference is worth more than a generic catalog.
+- **Components or code snippets the user pastes into the chat**: treat as the authoritative base for style, pattern, and direction.
+- **Premium libraries the user declares they have access to** (React Bits Pro, Cult UI Pro, Skiper UI premium, Mobbin, ScreensDesign Pro, etc.): the skill **does not assume this access**, but if the user confirms it, it may be used.
 
 ### Visual Inspiration Rules
 
-Usar fontes visuais apenas como inspiração, não como fonte garantida de código.
+Use visual sources only as inspiration, not as a guaranteed source of code.
 
-Usar para: direção visual, padrões de layout, ritmo de seções, microinterações, animações, composição, atmosfera, inspiração de scroll, linguagem visual, UX real, onboarding, paywalls, dashboards, pricing pages.
+Use for: visual direction, layout patterns, section rhythm, microinteractions, animations, composition, atmosphere, scroll inspiration, visual language, real UX, onboarding, paywalls, dashboards, pricing pages.
 
-Não prometer código pronto quando a fonte for apenas visual. Não copiar visualmente um site inteiro de referência. Usar referências para criar uma solução original, adaptada ao projeto.
+Do not promise ready-made code when the source is purely visual. Do not visually copy an entire reference site. Use references to create an original solution, adapted to the project.
 
 ## Clone Policy
 
-Siga a fase de cache de [source-first-protocol](source-first-protocol.md). Prefira arquivos públicos, docs e registry; clone em diretório isolado apenas quando necessário à pesquisa autorizada. Confira origem, revisão e alterações locais antes de atualizar um cache. Nunca sobrescreva trabalho local nem execute scripts do repo para apenas inspecionar código.
+Follow the caching phase of [source-first-protocol](source-first-protocol.md). Prefer public files, docs, and registries; clone into an isolated directory only when necessary for authorized research. Check origin, revision, and local changes before updating a cache. Never overwrite local work or run scripts from the repo just to inspect code.
 
-Use somente os componentes necessários; preserve licença e atribuições. O clone de pesquisa não vira dependência permanente do app.
+Use only the components needed; preserve license and attribution. The research clone does not become a permanent app dependency.
 
 ## Paid Source Policy
 
-Não depender de fontes pagas no fluxo principal.
+Do not depend on paid sources in the main flow.
 
-Remover dependência obrigatória de:
+Remove mandatory dependency on:
 
-- Mobbin pago;
-- ScreensDesign pago;
+- paid Mobbin;
+- paid ScreensDesign;
 - React Bits Pro;
 - Cult UI Pro;
 - Skiper UI premium;
-- Spline pago;
-- Unicorn Studio pago.
+- paid Spline;
+- paid Unicorn Studio.
 
-Usar ferramentas pagas apenas se:
+Use paid tools only if:
 
-- o usuário confirmar acesso;
-- a credencial estiver disponível;
-- o projeto explicitamente exigir;
-- a fonte for opcional.
+- the user confirms access;
+- the credential is available;
+- the project explicitly requires it;
+- the source is optional.
 
-Sempre preferir: open source, registry público, GitHub, docs públicas, screenshots do usuário, referências fornecidas.
+Always prefer: open source, public registry, GitHub, public docs, user screenshots, provided references.
 
-Não burlar paywall, login, licenças, limites de plano ou proteções de sites. Se houver dúvida sobre licença, avisar e sugerir alternativa open source.
+Do not bypass paywalls, logins, licenses, plan limits, or site protections. If there is doubt about a license, warn the user and suggest an open source alternative.

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

@@ -1,60 +1,60 @@
 ## Core Goal
 
-Esta skill atua como um estrategista autônomo de landing pages premium, interfaces SaaS e experiências visuais avançadas.
+This skill acts as an autonomous strategist for premium landing pages, SaaS interfaces, and advanced visual experiences.
 
-Ela deve conseguir analisar um projeto e entregar uma landing page, dashboard ou experiência digital de alto nível sem o usuário precisar enviar referências manuais toda vez.
+It must be able to analyze a project and deliver a landing page, dashboard, or high-end digital experience without the user needing to send manual references every time.
 
-A skill deve:
+The skill must:
 
-- analisar o negócio, produto, serviço ou oferta;
-- entender público-alvo, objetivo e nível de sofisticação necessário;
-- fazer poucas perguntas quando faltar contexto;
-- escolher o nível visual correto do projeto;
-- pesquisar componentes, animações e referências nas fontes configuradas;
-- abrir e inspecionar demos, código e registries públicos, registrando evidências de pesquisa;
-- usar repositórios autorizados como fonte de pesquisa;
-- clonar temporariamente repositórios autorizados em diretório isolado apenas quando necessário à pesquisa autorizada;
-- escolher scroll effects, 3D hero, WebGL, shaders, microinterações e componentes com base no tom da marca;
-- escrever copy completa, estratégica e orientada à conversão;
-- criar estrutura completa de landing page;
-- sugerir dashboard SaaS quando fizer sentido;
-- entregar plano de implementação;
-- aplicar princípios de gosto visual, motion, hierarquia, UX e conversão;
-- evitar resultados genéricos, artificiais ou com aparência de template barato.
+- analyze the business, product, service, or offer;
+- understand the target audience, objective, and level of sophistication required;
+- ask a few questions when context is missing;
+- choose the correct visual level for the project;
+- research components, animations, and references in the configured sources;
+- open and inspect demos, code, and public registries, logging research evidence;
+- use authorized repositories as a research source;
+- temporarily clone authorized repositories into an isolated directory only when necessary for authorized research;
+- choose scroll effects, 3D hero, WebGL, shaders, microinteractions, and components based on the brand's tone;
+- write complete, strategic, conversion-oriented copy;
+- create a complete landing page structure;
+- suggest a SaaS dashboard when it makes sense;
+- deliver an implementation plan;
+- apply principles of visual taste, motion, hierarchy, UX, and conversion;
+- avoid generic, artificial, or cheap-template-looking results.
 
-Use esta skill como um especialista sênior em design, front-end, copywriting, posicionamento e conversão.
+Use this skill as a senior specialist in design, front-end, copywriting, positioning, and conversion.
 
-> Importante: nunca colocar chaves reais dentro da skill. Usar somente variáveis de ambiente para qualquer credencial.
+> Important: never put real keys inside the skill. Only use environment variables for any credential.
 
-### Regra de autonomia
+### Autonomy rule
 
-A skill não depende do usuário para enviar referências toda vez.
+The skill does not depend on the user sending references every time.
 
-Se nenhuma referência for fornecida, a skill infere uma direção visual de alta qualidade usando: tipo de negócio, público-alvo, oferta, objetivo da página, tom de marca, ticket percebido, nível de complexidade, objetivo de conversão, necessidade ou não de 3D, necessidade ou não de dashboard SaaS, stack disponível e fontes internas configuradas na skill.
+If no reference is provided, the skill infers a high-quality visual direction using: type of business, target audience, offer, page objective, brand tone, perceived price point, complexity level, conversion objective, whether or not 3D is needed, whether or not a SaaS dashboard is needed, available stack, and internal sources configured in the skill.
 
-A skill só deve pedir referências quando:
+The skill should only ask for references when:
 
-- o gosto visual for altamente subjetivo;
-- o usuário pedir um estilo muito específico;
-- houver necessidade de copiar uma estética de marca existente;
-- o projeto exigir fidelidade visual a concorrentes ou benchmarks.
+- visual taste is highly subjective;
+- the user asks for a very specific style;
+- there is a need to copy the aesthetic of an existing brand;
+- the project requires visual fidelity to competitors or benchmarks.
 
 ## Project Intelligence Mode
 
-Antes de pesquisar componentes, animações, referências visuais ou gerar qualquer landing page, analisar o contexto do projeto.
+Before researching components, animations, visual references, or generating any landing page, analyze the project context.
 
-Se o usuário já forneceu informações suficientes (negócio, público, objetivo, nível visual, referências), seguir direto.
+If the user has already provided enough information (business, audience, objective, visual level, references), proceed directly.
 
-Se faltarem dados importantes, fazer **no máximo 5 perguntas estratégicas**:
+If important data is missing, ask **at most 5 strategic questions**:
 
-1. Qual é o negócio, produto, serviço ou oferta?
-2. Quem é o público-alvo?
-3. Qual é o objetivo principal da página? (vender, captar lead, agendar reunião, WhatsApp, apresentar serviço, etc.)
-4. Qual nível visual o projeto deve ter: básico, intermediário, avançado ou 3D high-end?
-5. Existe alguma referência visual, concorrente, print, vídeo ou direção de marca?
+1. What is the business, product, service, or offer?
+2. Who is the target audience?
+3. What is the page's main objective? (sell, capture a lead, book a meeting, WhatsApp, present a service, etc.)
+4. What visual level should the project have: basic, intermediate, advanced, or 3D high-end?
+5. Is there any visual reference, competitor, screenshot, video, or brand direction?
 
-Se o usuário não responder tudo, continuar com hipóteses estratégicas coerentes. Não bloquear o trabalho por dados ausentes.
+If the user doesn't answer everything, continue with coherent strategic hypotheses. Do not block the work due to missing data.
 
-Regra mestra: **perguntar, inferir, executar.** Não fazer perguntas demais. Não pedir reconfirmação de coisas já ditas. Não devolver brief para o usuário preencher.
+Master rule: **ask, infer, execute.** Don't ask too many questions. Don't ask for reconfirmation of things already said. Don't hand a brief back to the user to fill in.
 
-Quando o usuário pedir algo como "crie meu site", "melhore minha landing", "faça algo premium", "quero algo 3D", "quero algo outro nível", usar este modo automaticamente.
+When the user asks for something like "create my site," "improve my landing page," "make something premium," "I want something 3D," "I want something next-level," use this mode automatically.