Lucus
Criador de websites com IA no core — não em plugin. Nasceu da frustração com WordPress: inseguro, lento para criar, lento para deploy, pesado. Sites estáticos profissionais em minutos, não semanas.
Acessar lucus.app →O problema
WordPress domina a web mas carrega problemas estruturais que não são bugs — são decisões de design. Plugins de segurança para tampar buracos do próprio core. Tempo de carregamento que depende de hospedagem cara. Deploy que exige FTP ou painéis arcaicos. Temas que parecem todos iguais. Atualizações que quebram sites em produção.
O Lucus é a alternativa: um site builder onde a IA é o motor de criação — não um plugin adicionado depois. Gera sites estáticos profissionais (zero server-side runtime em produção), deploya em edge global via Cloudflare em segundos, e permite edição visual granular com drag and drop real de elementos HTML.
O maior desafio técnico foi permitir que a IA editasse elementos específicos sem reescrever a página inteira — economizando contexto (a coisa mais cara na IA) e mantendo as alterações visuais do usuário intactas entre regenerações.
O que resolve
Criar um site profissional deveria ser conversar com uma IA e ajustar visualmente — não instalar plugins, configurar hospedagem e rezar para não quebrar no próximo update.
Tudo começa pela IA — design, código e conteúdo
A IA não é um plugin adicionado depois. É o motor principal de criação. Descreva o que você quer em linguagem natural e a IA gera páginas completas, edita elementos específicos, cria componentes novos, escreve textos e aplica estilos — tudo respeitando o branding e o Design DNA do projeto.
- Page Wizard — criação de páginas completas bloco a bloco, com coerência visual
- Edição por elemento — selecione qualquer coisa e peça alterações por texto
- Edits cirúrgicos — IA retorna apenas os diffs (old → new), sem reescrever a página
- Design DNA — extrai estilo do primeiro bloco e mantém coerência nos seguintes
- 11 modelos de IA disponíveis (Claude, GPT, GLM, Kimi, Llama local, MLX)
- Geração de componentes por descrição natural
MCP — edite com seu próprio Claude Code
O Lucus expõe um MCP Server com 14 tools que permitem a qualquer agente de IA (Claude Code, Cursor, etc.) ler e editar o site diretamente. Isso significa créditos do seu próprio plano, sem limites da plataforma — e integração nativa com qualquer workflow de desenvolvimento.
- 14 tools: context, leitura (projetos, páginas, blocos, branding, assets) e escrita (criar, editar, deletar, reordenar)
- Conecta via HTTP:
claude mcp add sitebuilder - Notificações em tempo real — frontend detecta mudanças do Claude e atualiza o preview
- Use seus próprios créditos de IA — sem custo adicional da plataforma
- Funciona com Claude Code, Cursor, ou qualquer cliente MCP
- Edições diretas no HTML/CSS/JS sem intermediário
Templates, variantes e componentes reutilizáveis
Sistema de templates com includes (header, footer, nav) compartilhados entre páginas, biblioteca de componentes com categorias e variantes, e geração de novos componentes por IA a partir de uma simples descrição.
- Templates de layout com includes tipo Jinja (header, footer)
- Component Library com 4 categorias: structure, content, visual, conversion
- Variantes por componente (Hero centered, left-aligned, video...)
- Inserir componentes via drag and drop ou AI generation
- Componentes built-in (seeds) + customizados por projeto
- Editor visual compartilhado entre templates e páginas
Nota alta garantida pela arquitetura
A performance não depende de otimização manual — é consequência de decisões arquiteturais. CSS inline (zero render-blocking), fontes deferidas com font-display swap, lazy loading inteligente, Tailwind compilado e deploy em edge global. O SEO é tratado em 3 níveis: projeto, página e exportação automática.
- CSS inline no HTML — zero stylesheet externo bloqueando render
- Fontes deferidas com media="print" onload + font-display: swap
- Lazy loading com fetchpriority="high" no LCP (above the fold)
- Structured Data (JSON-LD) automático: WebPage, FAQ, LocalBusiness, Article, Product
- Open Graph + Twitter Cards gerados por página
- Sitemap.xml e robots.txt automáticos
- Deploy em Cloudflare Workers — edge global, sub-100ms TTFB
Artigos que posicionam — não apenas existem
Um site sem blog não demonstra autoridade. Mas escrever artigos otimizados para SEO é caro e demorado. O Lucus resolve com um wizard de 4 passos: pesquisa de concorrentes via DataForSEO, geração de estrutura de headings por IA, e escrita completa do artigo — tudo guiado, não apenas "um prompt".
- Wizard guiado: descrever → pesquisa SEO → tópicos → escrita completa
- Pesquisa automática: top 10 do Google, keywords com volume, análise de concorrentes
- IA gera estrutura de headings otimizada (com drag and drop para reordenar)
- Artigo escrito 15% acima da média de palavras dos concorrentes
- Editor TipTap com painel SEO lateral (keywords em tempo real, score por uso)
- Meta title, description e excerpt gerados automaticamente
- Detecção de idioma automática (PT/EN)
Jogue um site inteiro — a IA extrai tudo
Tem um site HTML pronto ou quer migrar de outra plataforma? Faça upload de um ZIP com o site completo. A IA analisa a estrutura, identifica header, footer e nav como template parts, separa o conteúdo em blocos independentes e importa tudo — pronto para editar visualmente ou via IA.
- Upload de ZIP com HTML, CSS, JS e assets
- IA identifica e extrai templates (header, footer, nav)
- Conteúdo separado automaticamente em blocos editáveis
- Assets importados e referenciados corretamente
- Branding extraído (cores, fontes) do CSS original
- Resultado: site editável como se tivesse sido criado no Lucus
Desafios e decisões
O maior desafio foi construir um editor visual de drag and drop para HTML que funcionasse em tempo real. Elementos dentro de elementos alinhados corretamente — com detecção de posição, snap points e feedback visual imediato — é exponencialmente mais complexo que reordenar blocos numa lista. A solução foi usar iframe rendering com bridge bidirecional via postMessage, separando completamente o DOM do editor do DOM do site.
O segundo desafio foi permitir que a IA editasse de forma isolada. Se o usuário quer mudar a cor de um botão, a IA não deveria receber nem retornar a página inteira — isso consumiria contexto desnecessário e seria lento. A solução foi o sistema de edits cirúrgicos: a IA recebe apenas o bloco + o elemento selecionado e retorna diffs pontuais (old → new). Um sistema de visual overrides (data-sbv) garante que ajustes manuais do usuário sobrevivam a qualquer regeneração pela IA.
O deploy precisava ser tão simples quanto salvar um arquivo. A decisão de gerar sites 100% estáticos (sem PHP, sem Node em produção) e publicar via Cloudflare Workers + R2 com upload incremental resolveu o problema: do editor ao ar em segundos, sem configurar servidor, sem se preocupar com segurança de runtime. Este portfólio que você está vendo agora roda no Lucus.