Acceso restringido — uso interno
Sistema de producción activo

WebFactory
AI Fusion

Plataforma de agencia digital que despliega sitios web + agentes IA entrenados para negocios en menos de 10 minutos. República Dominicana.

● Producción activa VPS Contabo 178.18.247.193 Next.js 16 + Supabase + n8n
0
MCPs Activos
0
Skills Disponibles
0
Fases del Pipeline
0
Clientes Activos
0
Agentes IA n8n
Proceso obligatorio
Pipeline 7 Fases

Cada cliente nuevo pasa por estas 7 fases en orden. No se salta ninguna.

01
Investigación y Contexto
Research

Análisis de industria, competencia y tendencias del cliente. Scraping del negocio y competidores con Firecrawl. Definición de dirección estética.

/research /site-audit-rubro brave-search google-maps firecrawl exa
02
Sistema de Diseño
Design

Tokens CSS, paleta de colores, tipografía, spacing. Font con personalidad, variables CSS del proyecto, selección de iconos.

/design-system figma iconify context7
03
Construcción del Layout
Build

Hero → Social Proof → Features → Proceso → Testimonios → Pricing → CTA → Footer. Layout asimétrico con 3 planos de profundidad.

/world-class-webdesign /frontend-design 21st-magic shadcn magic-ui
04
Animaciones e Interacciones
Motion

CSS puro → Motion (Framer) → GSAP ScrollTrigger → Magic UI. Stagger en listas, easing natural, secuenciado con intención.

Motion GSAP magic-ui ScrollTrigger
05
Imágenes y Assets
Assets

Fotos reales del negocio vía 5 fuentes en cascada: Google Maps, Firecrawl, Apify IG/FB, Maps360. WebP optimizado, lazy loading.

/fetch-images-v2 unsplash iconify apify
06
SEO y Performance
SEO

Meta tags, OG, Twitter Cards, schema.org. Target: Performance >90, a11y >95, SEO >95. Core Web Vitals: LCP <2.5s, CLS <0.1.

/seo-check lighthouse pagespeed
07
QA Visual y Deploy
Deploy

Playwright visual en 375px/768px/1440px. Deploy a GitLab Pages → webfactoryrd.com. DNS automático en Cloudflare.

/test-e2e /deploy-static playwright vercel cloudflare-dns
✓ Checklist de Calidad Visual
Hero Impact (3 segundos) 98%
Performance >90 92%
SEO >95 97%
A11y >95 95%
Mobile First 100%
🎨 Direcciones Estéticas
Organic Luxury
Wellness, Belleza, Food
Editorial Mag
Agencias, Portfolios
Kinetic/Motion
SaaS, Apps, Startups
Urban Gritty
Streetwear, Comida
Ultra-Minimal
Arquitectura, Joyería
Neo-Brutalist
Moda, Arte, Música
💰 Costo por Cliente
brave-search GRATIS (2k/mes)
google-maps GRATIS ($200 crédito)
firecrawl GRATIS (500 créditos)
apify ~$0.05/run
Promedio total $0.03–0.08
Ecosistema
29 MCPs Activos

Model Context Protocol servers activos en el sistema. Cada uno extiende las capacidades de Claude en un dominio específico.

🔍 Investigación de Clientes
brave-search
Búsqueda web · Paso 1
google-maps
Places API verificada · Paso 2
firecrawl
Scraping JS/Wix · Paso 3
apify
Deep social scraping · Paso 4
tavily
Menciones y noticias · Paso 5
exa
Competidores neural · Paso 6
bright-data
Backup scraping enterprise
🎨 Diseño y UI
21st-magic
Componentes UI desde lenguaje natural
shadcn
Componentes base con contexto
magic-ui
Shimmer, Sparkles, Meteors, Globe
figma
Design-to-code desde Figma
iconify
200+ colecciones SVG
icons8
368,000 iconos · 116 estilos
unsplash
Fotos de stock premium
⚡ Performance y QA
lighthouse
Performance, a11y, SEO audit
pagespeed
Core Web Vitals reales de Google
next-devtools
Debug renders Next.js
playwright
QA visual automatizado
🚀 Backend y Deploy
supabase
BD, Auth, RLS
supabase-wf
Supabase WebFactory preconfigurado
vercel
Deployments y logs
github
Repos y CI/CD
postgres
PostgreSQL VPS directo
🧠 IA y Orquestación
context7
Docs actualizadas del stack (SIEMPRE)
sequential-thinking
Razonamiento paso a paso
claude-flow
Agentes paralelos
🔧 Internos WebFactory
credenciales
Todas las API keys WF
cerebro
Agente coordinador
devcloud
Infraestructura interna
Automatizaciones
42 Skills Disponibles

Comandos especializados que Claude ejecuta para tareas específicas del proceso WebFactory.

/frontend-design
/design-system
/landing-page
/new-component
/new-section
/site-audit
/site-audit-rubro
/fetch-images
/world-class-webdesign
/fetch-images-v2
/new-client-site
/client-brief
/research
/content-plan
/quotation
/crm-process
/create-ga4
/init-saas
/create-feature
/add-auth
/add-ai-chat
/db-migrate
/env-setup
/fix-errors
/debug
/deploy
/deploy-static
/commit
/review-pr
/test-e2e
/cloudflare-dns
/seo-check
/new-article
/cli-anything
/cli-anything-refine
/cli-anything-list
/cli-anything-test
/cli-anything-validate
/vps-manage
/security-hardening
/auto-learn
/qa-supervisor
/new-skill
/plan
Arquitectura
Infraestructura WebFactory

Stack de producción distribuido en múltiples capas con redundancia y monitoreo.

Flujo de deploy de cliente
👨‍💻
Claude Code
crm-process
→
📁
HTML Estático
index.html generado
→
🦊
GitLab
willymartetirado/
→
⚡
GitLab Pages
Auto CI/CD
→
☁️
Cloudflare DNS
cliente.webfactoryrd.com
→
🌐
Producción
Live ✓
Pipeline dual-push (SaaS Dashboard)
🚀
git push main
↗
↘
🦊 GitLab
backup
🐙 GitHub
Marte1978
→
⚙️ GitHub Actions
deploy.yml
→
▲
Vercel
SaaS Dashboard
🖥️
VPS Contabo
178.18.247.193
●n8n workflows
●Redis memory (TTL 90s)
●Evolution API (WhatsApp)
●EasyPanel admin
●Baserow DB visual
🗄️
Supabase
fmjvktaaxsdhukbkefnw
●PostgreSQL principal
●Auth Email/Password
●RLS habilitado
●Realtime subscriptions
📊
Google Stack
Service Accounts
●Sheets (leads CRM)
●Search Console (GSC)
●Analytics GA4 (8 clientes)
●Gmail notificaciones
n8n + Evolution API
Agentes IA Activos

Agentes de WhatsApp con memoria Redis y GPT-4 Mini. Capturan leads automáticamente.

ACTIVO
Sabriny Novas
Agente de ventas / consultas legales
Redis Memory GPT-4 Mini TTL 90s
📱 WhatsApp → n8n Webhook → Redis Ctx → GPT-4 → Captura Lead
ACTIVO
Yacot
Agente club recreativo
Redis Memory GPT-4 Mini 20 msgs ctx
📱 WhatsApp → n8n Webhook → Redis Ctx → GPT-4 → SMS Reply
ACTIVO
Ciudad del Lago
Agente de bienes raíces
Redis Memory GPT-4 Mini Real Estate
📱 WhatsApp → n8n Webhook → Redis Ctx → GPT-4 → Lead → Sheets
🧩 Patrón Universal de Agente n8n
1️⃣
Webhook Trigger
Evolution API envía mensaje de WhatsApp al endpoint n8n
2️⃣
Redis Memory
LangChain memoryRedisChat — sessionId por teléfono, 20 msgs, TTL 90s
3️⃣
GPT-4 Mini
System prompt del negocio + contexto Redis + mensaje actual
4️⃣
Captura Lead
Si detecta intención, guarda nombre + tel + consulta en Google Sheets
5️⃣
Respuesta WhatsApp
Evolution API envía respuesta del agente al cliente via WhatsApp
Portfolio
Clientes Activos

8 clientes en producción con sitios en webfactoryrd.com y agentes IA activos.

🏭
WebFactoryRD
Agencia Digital — RD
GA4 activo GSC activo
💇
Hair Doctor
Salud Capilar — Merca/SD
GA4 activo GSC pending
🥗
Nutresse
Nutrición — RD
GA4 activo GSC pending
🏠
Ciudad del Lago
Bienes Raíces — RD
GA4 activo Agente IA activo
⚗️
Análisis Bioquántico
Salud Cuántica — RD
GA4 activo
🔬
Escáner (Fluza)
Diagnóstico Digital — RD
GA4 activo
⚖️
Sabriny Novas
Consultoría Legal — RD
GA4 activo Agente IA activo
🏊
Yacot
Club Recreativo — RD
GA4 activo Agente IA activo
Golden Path
Stack No Negociable

Un solo stack perfeccionado para todos los proyectos. Sin excepciones. Filosofía Henry Ford: la máquina que construye la máquina.

Capa Tecnología Para qué
Framework Next.js 16 + React 19 + TypeScript App Router, RSC, Edge
Estilos Tailwind CSS v4 + shadcn/ui Utility-first, componentes base
UI Premium Magic UI + 21st.dev + Aceternity Shimmer, Sparkles, Glassmorphism
Animaciones Motion (Framer) Gestos, transiciones, layout
Scroll Avanzado GSAP + ScrollTrigger Parallax, timelines, pinning
3D / WebGL Three.js + R3F Fondos 3D, landing pages
Iconos Lucide React + React Icons 200k+ iconos SVG
Backend Supabase (Auth + PostgreSQL) BaaS, RLS, Realtime
AI Engine Vercel AI SDK v5 + OpenRouter Streaming, multi-model
Validación Zod Runtime type safety
Estado Zustand Estado global mínimo
Testing Playwright MCP QA visual E2E
Deploy Vercel SaaS Dashboard
🏗️ Arquitectura Feature-First
src/
  app/           # Next.js App Router
  features/      # Por funcionalidad
    [feature]/
      components/
      hooks/
      services/
      types/
      store/
  shared/
    components/
    hooks/
    lib/
    types/
⚡ Reglas Críticas de Código
❌ Nunca any en TypeScript — usar unknown
❌ Nunca next dev — siempre npm run dev
❌ Nunca exponer secrets en código
✓ Archivos máx 500 líneas, funciones máx 50
✓ RLS siempre habilitado en Supabase
✓ Validar entradas con Zod en boundaries
✓ Mobile-first siempre (sm: → md: → lg:)
🧠 Filosofía del Sistema
Henry Ford
Un solo stack perfeccionado. No dar opciones técnicas. Golden Path no negociable.
Elon Musk
La máquina que construye la máquina. El proceso supera al producto.
Auto-Blindaje
Error → Fix → Documenta → Nunca más. 23 errores documentados en KB-Master.