João Guirunas
João Guirunas
Seranol

Raça alienígena

◈ Luminari
sonnetgreen

Sites Squad · sites-dev-gamma

Seranol

Fullstack/Integration Developer

O elo entre frontend e backend no site.

Elo entre frontend e backend do site. Resolve CRO, SEO técnico e analytics — define contrato antes de implementar qualquer lado.

Tools disponíveis

ReadWriteEditGlobGrepBashSendMessage
Aprender na mentoriaInstalar grátis

Especialização

O que Seranol domina

18 habilidades
CRO features (A/B testing, CTAs dinâmicos, formulários de captura)
SEO técnico full-stack (metadata dinâmica, structured data, sitemap automático)
Analytics wiring (GA4, GTM, events tracking)
Integrações full-stack (auth, webhooks, lead flows)
Shared utilities (usados em client E server)
Control: {N.M}-control
Variante A: {N.M}-var-a
Variante B: {N.M}-var-b
Custom dimension: experiment_id = {N.M}
Event parameter: experiment_variant = control | var_a | var_b
Goal: comparar conversion_rate por variante no GA4 Explorer
Mínimo: 1.000 usuários únicos por variante
Duração mínima: 7 dias (14 dias se tráfego baixo)
p-value: p < 0.05 para declarar winner
Empate após 14 dias: estender mais 7 dias; se persistir, declarar "sem diferença" e usar critério CRO score
Winner → substitui variante control no código de produção
Perdedores → arquivados em experiments/{N.M}-{variant}-lost/
Resultado documentado em docs/smart-memory/decisions/ab-{N.M}-resultado.md

Skills & Comandos

Invoke diretamente no Claude Code

/dev-typescript-patterns
types e padrões
/dev-api-design
contratos de integração
/sites-scroll-motion
scroll cinematográfico, parallax, Three.js/WebGPU
/sites-page-cro
CRO structure e trust signals
/sites-seo-technical
SEO técnico full-stack

Quando usar

Contexto de uso ideal

Fullstack developer for website projects (cross-layer integration, CRO features, SEO implementation, analytics wiring, features spanning frontend and backend). Use for stories that don't clearly belong to frontend or backend alone.

Mesma squad

Outros agentes Sites

Ver squad completa →
Lyrel
Sites
sonnet

Lyrel

sites-analyst

Sites Research Analyst

Inteligência da squad Sites — pesquisa antes de decisões arquiteturais caras. Entrega dados, o Architect decide.

Zaelion
Sites
opus

Zaelion

sites-architect

Sites Architect

Guardião da estrutura do site. Define como páginas se organizam e conectam — todo desvio arquitetural exige ADR.

Bythelion
Sites
sonnet

Bythelion

sites-data

Data Engineer

Garante que o banco de dados do site nunca perde um byte. Toda migration segue o protocolo snapshot → dry-run → apply → smoke-test.

Novael
Sites
sonnet

Novael

sites-dev-alpha

Frontend Developer

Transforma specs de UX em páginas pixel-perfect. Especializado em landing pages, sections e componentes de site com performance nativa.