esc-skills

Gera 10 conceitos criativos de PERFORMANCE para Meta Ads (Facebook/Instagram) usando framework Hook → Hold → Offer e 40+ Creative Types com mapeamento de emoção e estágio de funil. Cada conceito inclui estratégia direct response, copy com limites de caracteres, conceito visual funcional, variações A/B de hook, prompt de imagem e adaptações por placement. Orientado por design system — quando não fornecido, EXTRAI automaticamente de referências visuais do cliente. Sem design system = SLOP. Use quando precisar criar anúncios de conversão para Instagram ou Facebook, gerar conceitos criativos de performance para Meta Ads, criar peças direct response para feed, stories ou reels, desenvolver campanhas de lead generation ou vendas no Meta, ou qualquer variação de "criativos para Meta", "anúncios para Instagram", "campanha Facebook Ads", "peças para feed", "criativos de performance".

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.

Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel. Covers motion principles, easing/duration defaults, choreography patterns, scroll/hover interactions, performance, accessibility (reduced motion), and implementation guidance.

Comprehensive skill for Anime.js v4 - a fast and flexible JavaScript animation library. This skill should be used when implementing web animations, creating timelines, working with SVG animations, scroll-based animations, draggable elements, staggered effects, or any JavaScript-based animation on the web. Triggers on: "anime.js", "animejs", "animate elements", "CSS animation with JS", "timeline animation", "stagger animation", "SVG morphing", "motion path", "scroll animation", "draggable", "spring animation", "keyframe animation".

Expert AWS Cloud Advisor for architecture design, security review, and implementation guidance. Leverages AWS MCP tools for accurate, documentation-backed answers. Use when user asks about AWS architecture, security, service selection, migrations, troubleshooting, or learning AWS. Triggers on AWS, Lambda, S3, EC2, ECS, EKS, DynamoDB, RDS, CloudFormation, CDK, Terraform, Serverless, SAM, IAM, VPC, API Gateway, or any AWS service.

Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".

Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.

Apply when writing, modifying, or reviewing code. Behavioral guidelines to reduce common LLM coding mistakes. Triggers on implementation tasks, code changes, refactoring, bug fixes, or feature development.

Identifies duplicate domain functionality across components and suggests consolidation opportunities. Use when finding common domain logic, detecting duplicate functionality, analyzing shared classes, planning component consolidation, or when the user asks about common components, duplicate code, or domain consolidation.

Identifies and fixes component hierarchy issues by detecting orphaned classes in root namespaces and ensuring components exist only as leaf nodes. Use when analyzing component structure, finding orphaned classes, flattening component hierarchies, removing component nesting, or when the user asks about component flattening, orphaned classes, or component structure cleanup.

Identifies architectural components in codebases and calculates size metrics for decomposition planning. Use when analyzing codebase structure, planning monolithic decomposition, identifying oversized components, calculating component statistics, or when the user asks about component analysis, codebase sizing, or architectural decomposition.

Expert in Confluence operations using Atlassian MCP - automatically detects workspace Confluence configuration or prompts for site details. Use for searching, creating, updating pages, managing spaces, and adding comments with proper Markdown formatting.

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".

Create and apply CSS gradient borders using a pseudo-element mask (the .border-gradient::before technique), including Tailwind-friendly usage and customization of angle, colors, border thickness, and radius. Use when asked for gradient borders, border glow, or the specific mask-composite border gradient snippet.

Creates Cursor-specific AI subagents with isolated context for complex multi-step workflows. Use when creating subagents for Cursor editor specifically, following Cursor's patterns and directories (.cursor/agents/). Triggers on "cursor subagent", "cursor agent".

Creates structured decomposition plans and roadmaps for migrating monolithic applications. Use when planning decomposition, creating migration roadmaps, prioritizing decomposition work, tracking decomposition progress, or when the user asks about decomposition planning, migration strategy, or architectural roadmap.

Use this skill for writing, reviewing, and editing documentation (`/docs` directory or any .md file).

Identifies subdomains and suggests bounded contexts in any codebase following DDD Strategic Design. Use when analyzing domain boundaries, identifying business subdomains, assessing domain cohesion, mapping bounded contexts, or when the user asks about DDD strategic design, domain analysis, or subdomain classification.

Groups components into logical domains for service-based architecture. Use when creating component domains, grouping components by business functionality, planning domain services, analyzing component relationships, or when the user asks about domain grouping, component domains, or domain identification.

Interpreta e aplica feedbacks exportados do Feedback Studio (arquivo .md) em landing pages, wireframes e criativos. Use quando receber um arquivo .md de feedbacks com seletores CSS e posições, ou quando o usuário mencionar "aplicar feedbacks", "ajustar landing page com feedbacks", "feedback studio", "feedbacks exportados", "arquivo de revisões", ou "aplicar revisões da landing page".

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Designer-turned-developer who crafts stunning UI/UX even without design mockups

Help address review/issue comments on the open GitHub PR for the current branch using gh CLI; verify gh auth first and prompt the user to authenticate if not logged in.

Use when a user asks to debug or fix failing GitHub PR checks that run in GitHub Actions; use `gh` to inspect checks and logs, summarize failure context, draft a fix plan, and implement only after explicit approval. Treat external providers (for example Buildkite) as out of scope and report only the details URL.

Use when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React. Includes patterns for smooth motion, performance, and common pitfalls.

Planejamento estratégico de mix Branding vs. Performance com alocação de budget, cadência e métricas por fase do funil. Diagnostica maturidade de marca (escala 1-5), recomenda mix awareness/consideration/conversion, projeta cenários (conservador/moderado/agressivo), e mapeia sinais de marca que alimentam algoritmos. Baseada em Les Binet & Peter Field (60/40), Byron Sharp (How Brands Grow), Ehrenberg-Bass (mental/physical availability), Brandformance Flywheel e Funil Invertido (gui.marketing). Integra com executive-performance-report para leitura correta de resultados de branding. Use quando precisar planejar mix branding vs performance, alocar budget por fase do funil, diagnosticar maturidade de marca, definir KPIs de brand, criar plano de brandformance, avaliar SOV, planejar awareness, equilibrar curto e longo prazo, ou qualquer variação de "quanto investir em marca", "brand vs performance", "brandformance", "plano de awareness", "mix de funil", "SOV strategy", "branded search strategy", "como medir branding

Gera conceitos criativos para midia paga usando principios da publicidade classica adaptados ao feed. Transforma briefings em ativos criativos (imagem estatica, carrossel, video) para Meta Ads, Google Ads, TikTok, YouTube, LinkedIn. Use quando precisar criar anuncios, pecas publicitarias, carrosseis, roteiros de video, storyboards ou conceitos criativos para campanhas de performance.

Audita implementação de Consent Mode v2, LGPD compliance, CMP e disparos indevidos de tags sem consentimento. Deep dive pós-implementação que complementa a seção "Consent & Privacy Architecture" do measurement-plan. Valida default/update states, CMP integration, comportamento de cada tag por estado de consent, certificação Google CMP Partner, data retention settings, e gera relatório com score, itens críticos e checklist de correção. Use quando precisar auditar consent mode, validar LGPD compliance, verificar CMP, checar se tags disparam sem consentimento, auditar privacidade, consent mode v2 audit, verificar cookie policy, auditoria de CMP, compliance de dados, LGPD audit, ou qualquer variação de "meu consent está funcionando?", "tags sem consentimento", "auditoria LGPD", "consent mode audit", "CMP review", "privacidade do site".

Audita a implementação técnica de tracking contra o measurement plan do cliente. Valida dataLayer, GA4 events, conversion tags (Google Ads, Meta Pixel, LinkedIn, TikTok), hidden fields de formulário, Consent Mode v2, server-side tags (sGTM/Stape), UTM preservation, Enhanced Conversions match rate, pipeline de Offline Conversions no CRM, e tracking WhatsApp-first (CTWA referral via WABA, BSUID, pipeline BSP → CRM). Gera relatório de QA com score, itens críticos e recomendações de correção. Etapa 8 do pipeline /esc-start. Use quando precisar auditar tracking, validar implementação de tags, QA de conversão, verificar dataLayer, testar pixel, auditar consent mode, validar server-side, checar enhanced conversions, validar tracking WhatsApp, QA de CTWA, verificar WABA referral, auditar BSUID, ou qualquer variação de "meu tracking está funcionando?", "QA de tags", "auditoria de conversão", "validar implementação", "conversion QA", "tag audit", "verificar se as tags estão disparando", "debug de tracking", "QA de What

Extrai design systems completos de websites para gerar arquivos .md que guiam agentes na criação de páginas com a identidade visual do site analisado. Captura cores, tipografia, componentes (botões, cards, navbar, footer), assets (logos, imagens de produto), layout/grid, animações, anti-patterns e gera CSS variables prontos para uso. Use quando o usuário pedir para "extrair design system", "criar design system de um site", "analisar identidade visual", "capturar estilo de um site", "design tokens de um site", "gerar guia visual de marca", ou qualquer variação de análise visual de website para replicação de identidade.

Transforma dados de GA4, Google Ads, Meta Ads, LinkedIn Ads, TikTok Ads, Pinterest Ads, CRM e Search Console em relatório executivo profit-first com decisões — não dump de métricas. Adota Brandformance Flywheel, Funil Invertido e Unit Economics (CAC, LTV, ROI, Margem, Payback primárias; CPM, CTR, CPC secundárias). Gera Markdown + HTML premium com resumo executivo, anomalias, desperdício, oportunidades e próximos passos (7/30/90 dias). Integra com gmp-cli para coleta automática. Futuro core do pipeline /esc-report. Use quando precisar gerar relatório de performance, relatório executivo de ads, análise de campanhas, report de mídia paga, performance report, análise de ROI/CAC/LTV, relatório comparativo, ou qualquer variação de "como está performando", "relatório de ads", "executive report", "análise de campanhas", "relatório para o cliente".

Codifica disciplina de CRO transformando insights em backlog de experimentos priorizados. Gera hipóteses estruturadas, prioriza com PIPE/PXL, calcula viabilidade estatística, define tipo de teste (A/B, sequencial, holdout, smoke test, comparação de períodos), e documenta resultados com aprendizados. Baseada na metodologia FACT & ACT (CXL/Ton Wesseling), 7 Níveis de Conversão (André Morys/konversionsKRAFT), LIFT Model (WiderFunnel), MECLABS Conversion Heuristic, Sistema 1 e 2 (Kahneman), e Trindade da Conversão gui.marketing. Use quando precisar criar teste A/B, hipótese de CRO, backlog de experimentos, priorizar testes, calcular sample size, planejar experimento, análise heurística para teste, ou qualquer variação de "o que testar primeiro", "hipótese de teste", "backlog CRO", "plano de experimentação", "teste A/B", "CRO roadmap", "priorização de testes".

Operate the gmp-cli (Google Marketing Platform CLI) installed at ~/mcp-servers/gmp-cli/. Covers GA4 analytics, Google Search Console, Google Ads, and Google Tag Manager via terminal commands. Includes authentication setup, GAQL queries, report generation, output formatting, and agent best practices. Use when the user mentions "gmp-cli", "gmp ga", "gmp gsc", "gmp ads", "gmp gtm", "Google Marketing Platform CLI", "relatório GA4 via CLI", "search console report", "Google Ads CLI", "campaign performance", "keyword report", "search terms", "GTM tags", "GAQL query", or any operation involving the gmp command-line tool.

Skill completa de Google Ads Search para geração de leads qualificados (SQLs). Pipeline sequencial em 4 fases: (1) ICP, (2) Keywords positivas, (3) Keywords negativas, (4) Anúncios responsivos (RSA). Cada fase pode ser executada individualmente. Use quando o usuário pedir para criar campanhas de Google Ads, definir ICP para mídia paga, gerar keywords para Google Ads, criar lista de keywords negativas, criar anúncios de texto responsivo, montar RSA, ou qualquer variação de "Google Ads", "campanha de pesquisa", "search ads", "keywords Google", "anúncios responsivos", "negativar palavras-chave", "ICP para tráfego pago", "gerar leads com Google", "campanha de busca". Suporta múltiplas marcas por cliente.

Create, edit, validate, and manage Google Tag Manager container JSON files for import/export. Use when the user wants to create a GTM container from scratch, modify an existing GTM JSON (rename tags, add variables, inject scripts, swap IDs), bulk-edit tags/triggers/variables, templatize containers for multi-client use, or troubleshoot GTM import errors. Also triggers for tasks involving GTM Custom HTML tags, dataLayer variable setup, conversion tracking configuration (Google Ads, Meta Pixel, GA4), or server-side GTM transport configuration. Covers both GTM Web and sGTM container types. Para cenários de lead generation, SEMPRE consultar primeiro a skill guimkt-gtm-expert-template e o template GTM-Web_Modelo_Leads_2025_guimarketing.json como base. Triggers adicionais: "configurar GTM", "criar container GTM", "GTM para cliente", "GTM leadgen", "container de tracking", "setup GTM", "tags do GTM", "editar container GTM", "GTM web".

Customize the guimarketing GTM Leads 2025 template for new clients. Use when onboarding a new client that needs a GTM Web container with GA4, Meta Pixel, Google Ads, VisitorAPI geolocation, UTM tracking, and server-side transport (sGTM). Triggers on "new client GTM", "customize GTM template", "onboard GTM", "GTM template guimarketing", "setup GTM for client", "configurar GTM", "criar container GTM", "GTM para cliente", "GTM leadgen", "container de tracking", "setup GTM", "tags do GTM", "GTM web", "container GTM para leads". Esta skill é a FUNDAÇÃO de todo container GTM de lead generation no ecossistema gui.marketing.

Cria hero sections premium de websites e landing pages com vídeos no background — e, quando nenhum vídeo é fornecido, também gera o prompt de vídeo ideal para a seção. Use SEMPRE que o usuário pedir hero section com vídeo, hero section com videobg, landing page com vídeo de fundo, "seção hero cinematográfica", "hero com vídeo rodando atrás", "página com vídeo no background", "hero videobg", ou qualquer variação de hero + vídeo. Use também quando o usuário pedir apenas "crie o vídeo para o hero" ou "me dá o prompt de vídeo para o hero" sem fornecer URL — nesse caso ative apenas o módulo video-for-hero-pages. Os dois módulos desta skill funcionam juntos ou separados.

Consolida o Ideal Customer Profile (ICP) de uma marca para geração de leads qualificados (SQLs). Gera documento HTML premium e Markdown com 4 blocos: ICP 9 Dimensões, Perfil Psicográfico, ICP Real vs. Aspiracional e Modelos Mentais Aplicados à Estratégia. O output serve como input fundamental para todas as skills guimkt (Google Ads, Meta Ads, wireframes, landing pages). Suporta múltiplas marcas por cliente. Use quando precisar definir ICP, PIC, perfil ideal de cliente, perfil de cliente ideal, persona para campanha, público-alvo para mídia paga, perfil de decisor, ou qualquer variação de "quem é o cliente ideal", "ICP para campanha", "definir público-alvo", "perfil de persona", "ICP para Google Ads", "ICP para Meta Ads", "perfil de cliente para landing page", "ideal customer profile".