d

Tecnologia — Dev

LPs, deploy, automacoes e infraestrutura. Tudo que o dev precisa para construir, deployar e automatizar.

Quem e o Dev?

Responsavel por landing pages, deploys, automacoes n8n e infraestrutura tecnica. Usa principalmente o squad nomics-webdesign (16 agentes, pipeline 17 steps), o nomics-automacao (5 agentes, n8n) e as skills tecnicas (page-performance, debug, security).

O que voce pode fazer

Clique no icone de copiar ao lado do comando para copiar e colar direto no Prometheus.

Tarefa
Como pedir
Squad / Skill
Criar LP de captacao
“Cria LP de captacao da [Expert]”
/workflows:lp-captacao
Pipeline LP 17 steps
“Pipeline 17 steps pra LP”
nomics-webdesign → lp-builder-pipeline
Deploy Vercel
“Deploy no Vercel”
nomics-webdesign → frontend-engineer
Design System
“Cria design system da [Expert]”
nomics-webdesign → wf-design-system
Otimizar PageSpeed
“Otimiza performance da LP”
skill page-performance
Criar automacao n8n
“Cria automacao de boas-vindas”
nomics-automacao → wf-criar-automacao
Webhook para leads
“Webhook para capturar leads da LP”
nomics-automacao → trigger-engineer
Integrar ferramentas
“Integra n8n com Google Sheets”
nomics-automacao → integration-specialist
Debug workflow n8n
“Debug do workflow n8n”
nomics-automacao → debug-specialist
Lead magnet
“Cria lead magnet a partir do Notion”
skill lead-magnet-launcher
Feature dev
“Implementa [feature]”
skill feature-dev (nomics-tech)
Security audit
“Audita seguranca da aplicacao”
skill security-audit
Debug sistematico
“Debug esse erro”
skill debug-systematic
Visualizar codebase
“Mapa do codebase”
skill codebase-visualizer
Transcrever video
“Transcreve esse video [url]”
skill transcribe

Hub vs Tech — Onde construir?

O Nomics tem dois workspaces: o Hub (copy/marketing) e o Tech (dev/fullstack). Veja onde cada tipo de projeto vive:

Cenario
Onde
Por que
LP HTML estatico
Hub (nomics-webdesign)
Single file HTML, deploy Vercel direto
LP React / Next.js
Tech (nomics-tech)
Precisa de build system, components React
Automacao n8n
Hub (nomics-automacao)
n8n MCP configurado no Hub
API custom
Tech (nomics-tech)
Backend, endpoints, banco de dados
Design System CSS
Hub (nomics-webdesign)
Variaveis CSS, tokens, HTML puro
Design System React
Tech (nomics-tech)
Component library, Storybook, TypeScript

Comandos de deploy

Deploy Vercel via CLI
# Deploy LP no Vercel (padrao)
cd projetos/[Expert]/[CODIGO]/deploy/[pasta]/
vercel --prod --yes

# Deploy com dominio custom
vercel --prod --yes
vercel domains add [dominio.com.br]

# Verificar deploy
vercel ls
vercel inspect [url]

Deploy via CLI, nao Git

O deploy confiavel e via vercel --prod --yes na pasta do projeto. Git push pode nao acionar o build automaticamente dependendo da configuracao.

Automacoes n8n

O n8n roda em auto.nomics.com.br (Digital Ocean). O MCP n8n esta configurado no Hub para criar, editar e debugar workflows direto do Claude Code.

Squads e skills relacionados

nomics-webdesign

16 agentes · LPs, design system, deploy

nomics-automacao

5 agentes · n8n, webhooks, integracoes

nomics-tech

Workspace separado · React, Next.js, APIs

Cenário

A Júlia vai vender ingressos para a Imersão Psi High Level. Precisamos de uma LP com múltiplas versões de hero (A/B test), 2 lotes de preço (R$17 e R$27), pixel Meta configurado e deploy no Vercel.

👤Sua ação(3 passos)
⚡Automático(6 passos)
1
👤 SUA AÇÃO

Digite isso no Claude Code:

Com o Prometheus rodando, escreva:

>Cria a LP de ingressos da Júlia Paiva para a PSI_LP_02
2
🔥 AUTOMÁTICOPrometheus

Ativa o workflow lp-captacao automaticamente

Carrega contexto da Júlia (tom: NUNCA "agenda lotada", produto: TOK.IA), Big Idea, redireciona para squad nomics-webdesign. Você não precisa fazer nada.

3
⚡ AUTOMÁTICOSquad

UX Strategist (Nielsen) define a estrutura

Cria wireframe: hero com countdown, benefícios, depoimentos, FAQ, CTA com seletor de lote. Automático.

4
⚡ AUTOMÁTICOSquad

Frontend Engineer (Vulcan-Web) implementa

Cria HTML single-file com CSS/JS embutidos. 4 versões de hero (A=original, B=dark, C=phone, D=urgência). Meta Pixel integrado. Automático.

5
⚡ AUTOMÁTICOSquad

Performance Engineer (Dynamo) otimiza para PageSpeed 90+

Compressão, lazy loading, font-display: swap, CLS < 0.1. Automático.

6
⚡ AUTOMÁTICOSquad

QA Visual (Pixel-Perfect) testa em todos os dispositivos

iPhone, Android, iPad, Desktop. Verifica: CTA não quebra linha, formulário funciona. Automático.

7
🔥 AUTOMÁTICOPrometheus

Apresenta as 4 versões para você

Mostra as 4 versões do hero com preview. Agora é sua vez revisar.

8
👤 SUA AÇÃO

Revise as versões e responda

Olhe cada versão e responda: "Aprovado" ou "Ajusta o copy do hero B". O sistema corrige e reapresenta.

9
👤 SUA AÇÃO

Confirme o deploy quando o sistema perguntar

O sistema pergunta: "Quer fazer deploy no Vercel?" Responda sim. O deploy é automático via vercel --prod --yes.

Resultado final

LP no ar: imersao.psihighlevel.com.br com 9 versões, 2 lotes de preço, Meta Pixel configurado, PageSpeed 90+ mobile. Deploy em projetos/JuliaPaiva/PSI_LP_02/deploy/pagina-ingressos/.