Sistema 01 / IA × Negocios

El sistema $100primer cliente

Cómo usar IA para encontrar negocios, crear demos, vender páginas web y ejecutar más rápido.

No es una fórmula mágica. Es un sistema para convertir nuevas herramientas en capacidad real de ejecución.

Empezar el sistema ↓Ver el stack
06fases
10pasos
00promesas
01

La tesis

Compra capacidad de ejecución.

“Si mañana me dejaran solo $100 en la cuenta, no buscaría una inversión mágica. Compraría capacidad de ejecución.”
InvestigaciónEstrategiaCopyDiseñoDesarrolloImagenVideoProspección

La IA no es el negocio. Es la infraestructura que permite a una persona investigar, diseñar, desarrollar, crear assets y ejecutar al nivel de un pequeño equipo.

02

El modelo

Un ciclo, no un truco.

Cada vuelta produce información. Esa información mejora la siguiente.

01

Buscar

Negocios con una brecha visible.

02

Analizar

Un problema claro, no diez.

03

Demostrar

Una prueba pequeña y relevante.

04

Vender

La mejora comercial, no el stack.

05

Producir

IA para acelerar. Criterio para decidir.

06

Repetir

Medir, aprender y aumentar volumen.

03

Prospección

Tu primer CRM puede ser Google Maps.

Empieza donde la necesidad es visible.

Busca negocios locales cuya calidad real sea mejor que la forma en que se presentan online.

RestaurantesClínicasDentistasAbogadosInmobiliariasGimnasiosSpasContratistas
  • No tienen página web o usan una antigua.
  • La experiencia móvil es mala.
  • Tienen buenas reseñas y una presencia digital débil.
  • No existe una llamada a la acción clara.
  • El Instagram se ve mejor que la web.
  • Su propuesta es difícil de entender.

Busca la diferencia entre la calidad del negocio y la calidad de cómo se presenta online.

Ahí existe una oportunidad.
04

Mini auditoría

Mide la brecha.

Califica cada punto del 1 al 5. No necesitas una auditoría de 40 páginas para encontrar el cuello de botella más evidente.

Primera impresión
Claridad
Experiencia móvil
Propuesta de valor
Llamada a la acción
Confianza
Navegación
Conversión
05

El cambio de juego

No vendas primero. Demuestra primero.

Pitch tradicional
“Hola, hago páginas web. ¿Te interesa?”

El cliente tiene que imaginar todo el resultado.

Nuevo enfoque
  1. Investiga
  2. Detecta
  3. Construye
  4. Contacta

Reduce la cantidad de imaginación que necesita el comprador.

La demo hace visible una dirección mejor.
06

El pitch

De la observación a la conversación.

01Observación
02Oportunidad
03Demo
04Conversación
Estuve revisando su negocio y vi que tienen muy buenas reseñas, pero su página actual no refleja la calidad que muestran sus clientes. Preparé rápidamente una idea de cómo podría verse una versión más clara y moderna. No es una propuesta formal y no tienes que comprar nada. Solo pensé que podía valer la pena enseñártela. Si te gusta la dirección, podemos hablar de convertirla en algo real.
Personaliza siempre la observación. No hagas spam genérico.
07

La oferta

No vendes una web.

El producto es una página. El valor está en lo que puede ayudar a conseguir.

No

5 páginas
+ responsive
+ animaciones

Sí

  1. 01Mayor claridad
  2. 02Mejor presentación
  3. 03Más confianza
  4. 04Reservas más fáciles
  5. 05Contacto sin fricción
  6. 06Una oferta entendible
Una mejor web no garantiza ventas.

Puede mejorar la experiencia y facilitar la conversión. El resultado también depende de la oferta, el tráfico, la reputación y el seguimiento.

El stack

Herramientas distintas. Un sistema.

La ventaja no está en acumular herramientas. Está en conectarlas alrededor de un proceso repetible.

01InvestigaciónEncontrar contexto y señales.
02DiseñoElegir jerarquía y dirección visual.
03DesarrolloConvertir decisiones en producto.
04InfraestructuraPublicar, guardar datos y conectar servicios.
05AnimaciónDirigir atención, no distraer.
06AssetsCrear material visual útil.
07DemoHacer tangible la oportunidad.
08VentaAbrir una conversación relevante.
09OperaciónCapturar y dar seguimiento a cada lead.
FrontendLa páginaLa experiencia que ve el cliente: oferta, prueba, CTA y formulario.
DeployVercelPublicación, dominio y previews para revisar cambios antes de producción.
BackendConvex o SupabaseDatos y lógica cuando la página deja de ser estática; autenticación y archivos según el stack.
Elige un backend según el proyecto. No necesitas ambos.
Entorno operativo

Claude Code

Desarrollar, analizar código, crear estructura, iterar, corregir y automatizar partes del proceso.

Abrir herramienta ↗ Deploy e infraestructura

Vercel

Publicar sitios y aplicaciones, conectar dominios y generar previews automáticos desde el repositorio.

Ver documentación ↗ Backend reactivo

Convex

Base de datos, funciones de servidor y actualizaciones en tiempo real con una experiencia centrada en TypeScript.

Ver documentación ↗ Backend sobre Postgres

Supabase

Postgres, autenticación, storage, realtime y funciones para proyectos que necesitan una base más completa.

Ver documentación ↗ Skill de diseño

Impeccable

Revisar jerarquía, UX y calidad visual. Úsala como sistema de crítica, no como botón mágico.

Ver GitHub ↗ Dirección UX/UI

UI/UX Pro Max

Sistemas visuales, tipografía, color, componentes y referencias de diseño.

Abrir web ↗ Componentes

shadcn/ui

Componentes reutilizables y controlables para construir una base sólida.

Abrir herramienta ↗ Componentes visuales

Magic UI

Animaciones y elementos interactivos que pueden acelerar una demo.

Abrir herramienta ↗ Landing pages

Aceternity UI

Efectos y componentes visuales para páginas con una dirección más expresiva.

Abrir herramienta ↗ Exploración

21st.dev

Buscar componentes creados por otros diseñadores y acelerar el prototipado.

Abrir herramienta ↗ Movimiento

Motion

Entradas, microinteracciones, scroll, hover, transiciones, stagger y física.

Abrir herramienta ↗ Assets y video

MuAPI

Infraestructura API para acceder a modelos de generación de imagen, video y assets.

Abrir herramienta ↗
Regla del sistema

Criterio

Usa componentes como punto de partida. Una buena animación dirige atención; una mala compite por ella.

No necesitas usar todo a la vez.
Entrada
Scroll
Hover
Transición
Stagger
08

El juego de números

Los “no” también son información.

100prospectos
50contactados
10respuestas
5conversaciones
1cliente

Este ejemplo es hipotético y no representa una tasa garantizada. Solo muestra cómo pensar un proceso comercial como un sistema medible.

ProspectosMensajesRespuestasReunionesPropuestasCierres
09

Plan de acción

Empieza hoy.