Atlas de productos e ingresos: catálogo de conectores MCP, profesiones e ideas para Claude Code

Módulo: práctica profesional | Tiempo: unos 40 min de teoría + una guía de consulta para siempre

Lo esencial

Esto no es una lección: es un atlas. Una guía de consulta que abres cuando piensas "¿qué puedo hacer con Claude Code?" y "¿cómo lo convierto en mi propio negocio?".

Tres partes: el catálogo de conectores (qué conectar), el atlas de profesiones (qué cambia) y el atlas de productos (qué construir y vender).

Sobre las cifras de ingresos. En esta lección no hay promesas de ganancias: el resultado depende del nicho, del mercado y de tu trabajo. Los ejemplos de productos y precios de abajo son ideas e ilustraciones, no pronósticos. Cómo calcular el precio y el punto de equilibrio lo ves en las lecciones Cómo ponerle precio y Punto de equilibrio y colchón de efectivo.

🎨 Imagínalo así: Claude Code sin conectores es como un smartphone sin chip. Inteligente, pero aislado. Los MCP (Model Context Protocol, el protocolo de contexto del modelo) = los chips que lo conectan con el mundo real: bases de datos, sistemas de pago, CRM (el sistema de gestión de clientes), la nube. Cada conector abre tareas nuevas, productos nuevos, posibilidades nuevas.

Parte 1: catálogo de conectores MCP por categoría

Cómo encontrar más: pulsemcp.com: un catálogo grande de servidores | registry.modelcontextprotocol.io: el registro oficial | smithery.ai: catálogo con hosting

Verifica antes de instalar. El catálogo está armado con la situación de octubre de 2026, pero no se volvió a verificar cada comando de instalación. Los servidores se mudan y cambian de nombre: por ejemplo, parte de los servidores de referencia del repositorio modelcontextprotocol/servers (PostgreSQL, SQLite, Redis, Slack, Puppeteer, Brave Search, GitHub) se pasó al archivo y ya no tiene mantenimiento. Antes de instalar, abre la página del servidor en el registro y revisa el autor y el comando vigente. La columna "Precio" es el precio del conector en sí; el servicio detrás puede ser de pago.

Instalar cualquier MCP:

# stdio (proceso local)
claude mcp add <name> -- npx -y @package/name

# HTTP remoto
claude mcp add --transport http <name> https://mcp.example.com

# en el proyecto (se escribe en el archivo .mcp.json)
claude mcp add --scope project <name> -- npx -y @package/name

🗄 Bases de datos

Qué construir con esto: cualquier SaaS con datos persistentes, dashboards de analítica, CRM, sistemas de seguimiento.

☁️ Nube e infraestructura

💳 Pagos y finanzas

Qué construir: SaaS con cobro, comercio electrónico, marketplaces, servicios por suscripción.

📊 Analítica y monitoreo

🤖 Modelos de IA / ML

📧 Comunicaciones

🎨 Diseño y medios

🔍 Búsqueda y datos

⚙️ Agregadores (cientos de aplicaciones con un solo comando)

🎨 Imagínalo así: Composio es como una navaja suiza con cien hojas. Una sola instalación y tienes acceso a muchos servicios SaaS.

Parte 2: atlas de profesiones, qué cambia con Claude Code

La regla: Claude Code no "reemplaza": se encarga de una parte notable de las tareas rutinarias de cada profesión. Lo demás es estrategia, relaciones humanas y experiencia única. Más detalle sobre qué cambia en cada profesión, en la página "Profesiones".

💻 Desarrollo frontend / web

Qué hace Claude Code:

• Componentes de React, Vue o Next.js a partir de una descripción
• Landing pages, dashboards y aplicaciones web en horas
• Figma → código (Figma MCP)
• CSS, accesibilidad, modo oscuro, diseño responsivo

Conectores necesarios: Figma MCP + anthropic-skills:frontend-design + el MCP chrome-devtools + GitHub MCP

Lo que queda para la persona: la arquitectura para escalar, negociar los requisitos, la accesibilidad probada con usuarios reales

Sobre el dinero: la tarifa depende del mercado y del cliente. Cómo cobrar por resultado y no por hora lo ves en la lección Cómo ponerle precio.

🎨 Diseño / diseño de interfaces

Qué hace Claude Code:

• Componentes de interfaz con sistema de diseño (la skill frontend-design)
• Pósters y gráficos para redes (canvas-design)
• Auditoría de accesibilidad de color (contraste WCAG)
• Diseño → especificaciones de entrega → código

Conectores necesarios: Figma MCP + anthropic-skills:canvas-design + design:design-critique

Lo que queda para la persona: Claude Design puede generar una maqueta, pero no explica por qué esa maqueta resuelve un problema de negocio. La estrategia de marca y la investigación con usuarios.

🎬 Motion design / animación

Qué hace Claude Code:

• Animaciones CSS, WebGL
• Video programable con Remotion
• Texto animado, subtítulos
• Recrear gráficos en movimiento a partir de una referencia en unos cuantos prompts

Conectores necesarios: Remotion, motion/react, @lottiefiles/dotlottie-react, GSAP

// Remotion + Claude Code: video programable
npx create-video@latest
// Claude Code escribe componentes TSX → renderiza el video
npx remotion render MyComp output.mp4

✍️ Redacción publicitaria / redacción de contenido

Qué hace Claude Code:

• Textos de landing page, secuencias de correo, anuncios
• Artículos SEO con palabras clave integradas
• Un motor de contenido programable (YouTube → LinkedIn → Instagram → X)

Una persona con Claude Code puede cubrir tareas que antes hacía un pequeño departamento de marketing, pero la calidad y la estrategia siguen siendo su responsabilidad.

Conectores necesarios: marketing:draft-content + searchfit-seo:create-content + Postiz MCP (muchas plataformas de publicación)

📊 Análisis de datos / análisis de negocio

Qué hace Claude Code:

• Consultas SQL en lenguaje natural
• Dashboards interactivos (Plotly, D3)
• Apps de Streamlit para explorar datos
• Cargas un conjunto de datos → histogramas y correlaciones automáticamente

Conectores necesarios: data:analyze + data:sql-queries + data:build-dashboard + Supabase/Neon MCP + PostHog MCP

Lo que queda para la persona: formular la pregunta correcta a los datos, interpretar las anomalías en términos de negocio, el gobierno de los datos.

🚀 DevOps / SRE

Qué hace Claude Code:

• Pipelines de CI/CD (GitHub Actions, GitLab CI)
• Configuraciones de Docker, docker-compose
• Infraestructura como código (Terraform, Pulumi)
• Scripts de deploy, configuración de monitoreo

Conectores necesarios: GitHub MCP + AWS MCP + Cloudflare MCP + Docker MCP

# Claude Code genera un workflow de GitHub Actions a partir de una descripción:
# "Deploy a Cloudflare Workers al hacer push a main"

🧪 QA / pruebas de software

Qué hace Claude Code:

• Pruebas unitarias, de integración, e2e
• Scripts de Playwright para automatizar el navegador
• Análisis de la cobertura de pruebas
• Pruebas de regresión ante cambios

Conectores necesarios: superpowers:test-driven-development + Playwright + el MCP chrome-devtools

📱 Desarrollo móvil (iOS/Android)

Qué hace Claude Code:

• Aplicaciones con React Native
• PWA (Progressive Web Apps): funcionan como apps nativas
• Configuración de Expo
• Las pantallas clave y el flujo de navegación

Conectores necesarios: Context7 MCP (documentación de React Native) + anthropic-skills:frontend-design + Supabase MCP (backend)

Lo que queda para la persona: las optimizaciones nativas (SDK concretos de iOS/Android), la publicación en la App Store (el proceso)

🎮 Desarrollo independiente de videojuegos

Qué hace Claude Code:

• Juegos para navegador con Phaser, Three.js, JavaScript puro
• Juegos 2D sencillos: de plataformas, arcade, rompecabezas
• Lógica del juego, detección de colisiones, puntuación

Ejemplo: los arcades sencillos (Space Invaders, Asteroids, Pong) en JavaScript puro se recrean en cuestión de horas

Conectores necesarios: three.js + React Three Fiber + Phaser + WebGL

🛒 Especialista en SEO

Qué hace Claude Code:

• Auditorías de SEO técnico
• Generación de schema markup
• Optimización on-page
• Estrategia de enlazado interno
• Plan de contenido basado en el análisis de palabras clave

Conectores necesarios: searchfit-seo:seo-audit + searchfit-seo:on-page-seo + searchfit-seo:schema-markup + searchfit-seo:keyword-clustering

📞 Atención al cliente

Qué hace Claude Code:

• Chatbots de IA con el contexto del producto
• Automatización de preguntas frecuentes
• Clasificación de tickets
• Crear y actualizar la base de conocimiento

Conectores necesarios: Telegram Bot API + Slack MCP + Supabase MCP (para guardar los tickets) + anthropic-skills:agents-sdk (agente: un ejecutor de IA que trabaja por su cuenta)

Parte 3: atlas de productos, qué construir y vender

💡 Cómo pensar el precio

Cómo calcular el precio y el costo se explica a detalle en las lecciones Cómo ponerle precio y Cuánto te cuesta un cliente y cuánto te deja.

El valor de un SaaS al venderlo depende de los ingresos, el crecimiento, la pérdida de clientes y el estado del producto. Plataformas como Acquire.com muestran valuaciones públicas, pero no garantizan el precio de tu producto.

📦 Productos SaaS: ideas y herramientas

Son ideas para proyectos de aprendizaje, no pronósticos de ingresos: la demanda depende del nicho, la competencia y tu trabajo.

Ejemplos públicos de fundadores en solitario. Marc Lou construye en público varios productos pequeños sin equipo, entre ellos una plantilla de Next.js para lanzar un SaaS (ShipFast); su principio: lanzar productos pequeños más seguido en lugar de hacer crecer uno solo durante años. Base44 es un constructor de aplicaciones a partir de una descripción (vibe coding) que armó un solo fundador; en 2025 lo compró la empresa Wix. No damos las cifras de estas historias: no se pueden verificar y dependen tanto de la suerte como del trabajo.

🌐 Aplicaciones web

📊 Dashboards y analítica

Componentes clave para dashboards:

# Tremor: componentes de gráficas en TypeScript
npm install @tremor/react

# Recharts: popular, con muchos ejemplos
npm install recharts

# shadcn/ui charts: Radix + Tailwind
# ya incluido en el MCP de shadcn/ui

🤖 Automatizaciones y bots

🛒 Soluciones de comercio electrónico

🎮 Juegos para navegador

🧩 Extensiones para el navegador

Para empezar: Chrome Extension Manifest V3. Para publicar en la Chrome Web Store necesitas registrarte como desarrollador con un pago único pequeño (revisa el monto en la página de la tienda).

Parte 4: modelos de monetización

Las cifras de esta parte son ilustrativas: muestran cómo se hace la cuenta, no prometen un resultado.

🏆 Modelo 1: suscripción SaaS

El principio: el pago recurrente es el tipo de ingreso más predecible, pero primero hay que ganárselo: hay que encontrar a los suscriptores y conservarlos.

Ejemplo de cálculo ilustrativo (no es un pronóstico): herramienta SEO
- Free: 5 auditorías/mes
- Pro $29/mes: 50 auditorías + investigación de palabras clave
- Agency $99/mes: ilimitado + marca blanca

Si hubiera 100 clientes Pro + 20 Agency:
MRR (ingreso mensual recurrente) = 100 x $29 + 20 x $99 = $4,880

Cómo lanzar: Product Hunt y catálogos de herramientas para los primeros usuarios. Los primeros usuarios suelen ser los que más esfuerzo cuestan; después ayudan las recomendaciones.

🔨 Modelo 2: Build-to-Sell (construir para vender)

El principio: construyes un producto pequeño, lo llevas a ingresos estables y lo vendes en una plataforma de compraventa de negocios. Es un modelo riesgoso: los compradores miran los ingresos, el crecimiento, la pérdida de clientes y la calidad del código, no tu esfuerzo.

Plataformas de venta: Acquire.com, Flippa. Cada una tiene sus propios requisitos de tamaño del negocio; revísalos en su sitio.

💼 Modelo 3: servicios con Claude Code

El principio: le vendes al cliente un resultado, y Claude Code acelera tu trabajo. El precio no tiene que bajar junto con el tiempo: el cliente paga por resolver su problema.

Ejemplo: landing page + SEO
- El cliente paga por el resultado, no por las horas
- Con Claude Code tardas menos que sin él
- Calcula el precio por valor, costo y mercado (mira la lección "Cómo ponerle precio")

Dónde buscar clientes: plataformas de freelance (nicho: integraciones de IA), LinkedIn, comunidades y foros temáticos de tu nicho. Cómo buscar clientes se explica en las lecciones Primeros clientes y Prospección en frío con Claude.

🎓 Modelo 4: infoproductos y materiales educativos

El principio: empaquetas lo que sabes sobre conectores concretos en materiales para otras personas.

🤝 Modelo 5: agencia / iguala mensual

El principio: tomas clientes con servicio recurrente y automatizas la rutina.

Esquema típico:
- El cliente paga cada mes por soporte y mejoras
- Parte del trabajo está automatizado, pero el control y la responsabilidad siguen siendo tuyos
- El volumen de trabajo por cliente y el precio los defines según el contrato y tus costos

Servicios:
- Chatbots de IA (configuración + mantenimiento)
- Automatización de correo
- SEO + generación de contenido
- Reportes y analítica

Parte 5: lista de verificación para lanzar un producto

Fase 1: idea y validación

□ Nicho: ¿a quién le vendemos? (un ICP concreto)
□ Problema: ¿por qué pagan dinero ahora mismo?
□ Competencia: 3-5 alternativas, cuánto cobran
□ Diferencia: 1 cosa que hacemos mejor / distinto
□ Precio: definido por valor y costo (suscripción o pago único)
□ Prueba de demanda: 5 personas dijeron "lo quiero" O 1 pago por adelantado

Fase 2: MVP

□ Stack elegido (Claude Code + MCP concretos del catálogo)
□ Supabase o Neon: base de datos
□ Stripe MCP: conectado antes del lanzamiento (!)
□ Autenticación: Supabase Auth o Clerk
□ Landing page: un título que convierta + viñetas + precios + llamado a la acción
□ MVP listo: 1 función central, no 10 de nicho
□ Dominio registrado con un registrador
□ Deploy: Cloudflare Workers o Vercel

Fase 3: primeras ventas

□ Product Hunt: día de lanzamiento (elige un día entre semana)
□ Catálogos de herramientas y plataformas para los primeros usuarios
□ Reddit: r/entrepreneur, r/SaaS, subreddits de nicho (lee las reglas de cada uno)
□ IndieHackers: publicaciones de avances
□ Twitter/X: construir en público (actualizaciones regulares)
□ Correo en frío: 50 clientes potenciales del nicho (respeta las leyes sobre correo comercial de tu país)
□ Meta del mes 1: los primeros usuarios que pagan y opiniones honestas

Fase 4: crecimiento

□ Secuencia de correos de bienvenida (con Resend + automatización)
□ Registro de solicitudes de funciones (en Supabase o Notion)
□ Análisis de abandono: ¿por qué se van?
□ Programa de referidos (calcula las condiciones según tu margen)
□ Afiliados: blogueros y youtubers de tu nicho
□ SEO: landing pages programáticas
□ Meta del mes 3: un embudo claro y repetible
□ Meta del mes 6: decidir si crecer, mantener o cerrar (mira la lección "Punto de equilibrio y colchón de efectivo")

Arranque rápido: 3 productos de práctica para un fin de semana

Son proyectos de aprendizaje: te enseñan a armar un producto con conectores. La demanda del resultado depende del nicho y de tu trabajo; los ingresos no están garantizados.

Producto 1: herramienta de auditoría SEO para un nicho

# Stack
claude mcp add shadcn -- bunx -y @jpisnice/shadcn-ui-mcp-server
claude mcp add --transport http stripe https://mcp.stripe.com
claude mcp add fetch -- npx -y @modelcontextprotocol/server-fetch

# Prompt para Claude Code:
"Crea una herramienta de auditoría SEO para [un nicho, por ejemplo: tiendas de Shopify].
Entrada: la URL de la tienda. Salida: un reporte de 15 puntos (meta tags, velocidad,
datos estructurados, enlaces internos). Stripe para la suscripción mensual.
Interfaz con shadcn/ui. Deploy en Cloudflare Workers."

Producto 2: generador de reportes para clientes con IA

# Stack
claude mcp add --transport http stripe https://mcp.stripe.com
claude mcp add supabase -- npx -y supabase-mcp
claude mcp add posthog -- npx -y @posthog/mcp-server

# Prompt:
"Crea una plataforma para agencias: el cliente ingresa sus datos (Google Ads,
Shopify, PostHog) y el sistema genera un reporte en PDF con gráficas.
Suscripción con Stripe. Supabase para los datos. Tremor para las gráficas."

Producto 3: bot de automatización para negocios (Telegram)

# Stack: a detalle en la lección "Bots de Telegram con la Claude API"
npm install grammy
# + Supabase MCP + Google Workspace MCP

# Idea: un bot que
# - Recibe la foto de un ticket → lo anota en la tabla de gastos
# - Genera un resumen de los gastos de la semana
# - Recuerda pagar las facturas

La lección sobre bots de Telegram: Bots de Telegram con la Claude API.

Herramientas y recursos

Catálogos de MCP

• pulsemcp.com: un catálogo grande de MCP con calificaciones
• smithery.ai: catálogo con deploy administrado (puedes correrlos sin instalarlos en local)
• registry.modelcontextprotocol.io: el registro oficial
• mcp.so: directorio de la comunidad
• github.com/modelcontextprotocol/servers: la fuente canónica

Vender un producto

• acquire.com: venta de SaaS (requisitos de tamaño del negocio en el sitio)
• flippa.com: venta de sitios y micro-SaaS
• appsumo.com: catálogo de software y primeros usuarios
• producthunt.com: el día de lanzamiento

Herramientas para cobrar

• gumroad.com: productos digitales, cursos
• podia.com: plataforma para cursos y productos digitales
• stripe.com: pagos para SaaS

Ideas clave

Un MCP = una profesión nueva. Stripe MCP te convierte en "desarrollador de sistemas de pago". Figma MCP, en "de diseñador a desarrollador". fal.ai MCP, en un "estudio de medios con IA".

El precio es valor, costo y mercado. No multipliques tu tarifa por el "tiempo ahorrado": el cliente paga por un problema resuelto. A calcular el precio te enseñan las lecciones Cómo ponerle precio y Punto de equilibrio y colchón de efectivo.

Build-to-Sell es un modelo riesgoso. Los compradores miran los ingresos, el crecimiento y la pérdida de clientes, no las horas invertidas. Las cifras de las ventas de otros no se trasladan a tu producto.

La regla principal del lanzamiento: Stripe MCP se conecta ANTES del lanzamiento, no después. Si la gente no puede pagar desde el primer día, no sabrás si hay demanda real.

Composio = navaja suiza: cientos de aplicaciones con una sola instalación. Si no sabes qué MCP necesitas, empieza con Composio.

Siguiente paso

→ Elige UN producto de la Parte 3. Abre Claude Code. Instala 2-3 MCP del catálogo. Ponte un plazo para la primera versión que funcione: por ejemplo, el fin de semana.

No planees sin fin. Construye una versión pequeña que funcione y pruébala con una persona real.

El ecosistema MCP cambia rápido: revisa pulsemcp.com y el registro de MCP para encontrar conectores nuevos, y los precios y versiones vigentes de los servicios en la página Lo vigente.