edit_square igindin

ShipPad: Project starters nativos de AI para usuarios no técnicos

Publica una app lista para producción sin escribir código. ShipPad le da a los asistentes de AI todo lo que necesitan para construir por ti

Ilya Gindin
translate de  · en  · fr  · pt-br  · ru
leer version ilao dzindin arrow_forward

Vi a mi amigo describir una idea de app a Claude Code. Diez minutos después, tenía un prototipo funcional. Dos horas después, estaba live en Vercel.

No es desarrollador. Es instructor de yoga.

Esto no debería haber funcionado. Pero funcionó — porque el proyecto venía preconfigurado con todo lo que Claude necesitaba para construir correctamente: reglas de seguridad, patrones de testing, scripts de despliegue, y límites claros sobre qué no romper.

Eso es lo que hace ShipPad. No es una herramienta low-code. No es un template. Es un sistema operativo para el desarrollo asistido por AI.

El problema con “solo usa AI”

Esto es lo que generalmente pasa cuando usuarios no técnicos intentan construir con AI:

Claude escribe código. Se ve impresionante. Lo despliegas. Luego:

  • Alguien encuentra una vulnerabilidad de inyección SQL
  • Tus API keys terminan en el historial de git
  • La app falla en móvil porque las animaciones son demasiado pesadas
  • ¿Tests? ¿Qué tests?

Los asistentes de AI son poderosos, pero necesitan guardarraíles. Sin ellos, estás construyendo sobre arena.

Qué contiene realmente ShipPad

ShipPad es una estructura de carpetas. Pero lo que hay dentro importa.

Reglas que previenen desastres:

  • Reglas de seguridad basadas en OWASP Top 10:2025
  • Reglas de flujo de trabajo de git (no hacer force push a main, commits significativos)
  • Reglas de testing (demuestra que funciona antes de declarar “listo”)
  • Reglas de diseño mobile-first

Skills que enseñan a la AI:

  • Cómo desplegar en Vercel sin romper cosas
  • Cómo escribir tests para el código que genera
  • Cómo auditar su propio código en busca de problemas de seguridad
  • Cómo generar documentos legales (Términos de Uso, Política de Privacidad)

Templates que funcionan:

  • Next.js 15 con TypeScript (modo estricto)
  • Bot de Telegram con grammY
  • Landing page con optimización de conversión

Un equipo virtual:

  • Frontend Engineer (UI, optimización mobile)
  • Quality Engineer (revisión de código, testing)
  • Deployment Engineer (CI/CD, contenedores)
  • Marketing Engineer (copy, SEO)

Cada “agente” tiene límites claros. El frontend engineer no tocará el código de base de datos. El deployment engineer no modificará la lógica de negocio. Esto previene el caos que ocurre cuando la AI hace lo que quiere.

Cómo funciona en la práctica

Abres Claude Code en un proyecto ShipPad. Describes lo que quieres:

“Construye una página de lista de espera para mi app de meditación. Recoge emails, guárdalos en Supabase, y envía un email de confirmación.”

Claude lee el archivo AGENTS.md y sabe:

  • Usar Next.js App Router (ya está configurado)
  • Usar Supabase para la base de datos (la conexión está configurada)
  • Seguir las reglas de seguridad (validar inputs, sin claves hardcodeadas)
  • Correr el skill de testing antes de decir “listo”

El resultado no es solo código funcional. Es código que sigue patrones que un desarrollador senior reconocería. Porque los patrones están integrados en el proyecto desde el inicio.

El problema de seguridad del que nadie habla

La mayoría del código generado por AI tiene agujeros de seguridad.

No porque la AI sea maliciosa. Porque optimiza para lo que pediste, no para lo que olvidaste pedir. Dijiste “construye un formulario de login”. No dijiste “y hazlo resistente a ataques de fuerza bruta”.

El skill de security-review de ShipPad corre un checklist OWASP Top 10:2025:

  • ¿Control de acceso roto? Verificado.
  • ¿Fallas criptográficas? Verificado.
  • ¿Vulnerabilidades de inyección? Verificado.
  • ¿Patrones de diseño inseguros? Verificado.

La AI sabe buscar estos problemas porque el skill le dice exactamente qué buscar. Y sabe la prioridad: las vulnerabilidades con puntajes EPSS por encima de 0.5 se marcan como críticas.

Testing sin el dolor

“Escribe tests” es la solicitud que más odian los desarrolladores. Pero el código sin tests es un pasivo.

ShipPad incluye un skill de testing que sabe:

  • Tests unitarios con Vitest para lógica de negocio
  • Tests E2E con Playwright para flujos de usuario
  • Cuándo mockear servicios externos
  • Cómo testear componentes de React correctamente

La AI escribe tests junto con el código. No como ocurrencia tardía. No como una tarea. Como parte natural del flujo de trabajo.

Los objetivos de cobertura son claros: 70% mínimo, 100% para caminos críticos como pagos y autenticación.

Soporte multiplataforma

Claude Code no es el único asistente de coding con AI. Cursor, Codex, Gemini CLI — todos existen. Y todos tienen diferentes formatos de configuración.

ShipPad sincroniza skills en todos ellos:

PlataformaDónde viven los skills
Claude Code.claude/skills/
Codex CLI.codex/skills/
Gemini CLI.gemini/commands/
Cursor IDE.cursor/rules/

Un comando sincroniza todo: npx tsx scripts/sync-platforms.ts

Tu asistente de AI funciona de la misma manera sin importar qué herramienta prefieras.

Sistemas de diseño sin diseñadores

ShipPad incluye dos temas de diseño de serie:

Brutalista (estilo Apps/AnyVisa):

  • Bordes audaces y duros
  • Sombras duras sin desenfoque
  • Acento lima (#E3FF74) solo sobre fondos oscuros
  • Tipografía Unbounded y Space Grotesk

Estilo Notion (estilo Shipped):

  • Limpio, mínimal
  • Sombras suaves
  • Bordes sutiles
  • Tipografía Inter y Funnel Display

Ambos están implementados como propiedades CSS personalizadas. La AI sabe qué tema está activo y lo aplica consistentemente.

EO-OS: Haciendo tu sitio descubrible por AI

Aquí hay algo en lo que la mayoría de la gente no piensa: los asistentes de AI como ChatGPT y Perplexity rastrean sitios web. Responden preguntas sobre tu producto basándose en lo que encuentran.

ShipPad incluye generadores EO-OS (Entity Optimization OS):

  • llms.txt — Información estructurada para rastreadores de AI
  • robots.txt — Permite explícitamente bots de AI (GPTBot, ClaudeBot, PerplexityBot)
  • Esquemas JSON-LD para Organization, WebPage, Product

Cuando alguien le pregunta a Perplexity “¿Qué hace [tu producto]?”, quieres una buena respuesta. EO-OS hace que eso suceda.

Documentos legales en minutos

Todo SaaS necesita Términos de Uso y una Política de Privacidad. Los abogados cobran miles. Los templates son genéricos.

El skill legal-generator de ShipPad crea documentos conformes:

  • Conformidad con GDPR (UE)
  • Conformidad con CCPA (California)
  • Conformidad con LGPD (Brasil)
  • Cláusulas estándar para negocios SaaS

Variables como {{COMPANY_NAME}}, {{PRODUCT_NAME}} y {{CONTACT_EMAIL}} se reemplazan automáticamente. Revisas, ajustas para tu caso específico, y publicas.

Estos no son sustituto de asesoramiento legal en asuntos complejos. Pero para un MVP, son mejor que nada, y mejores que la mayoría de los templates.

Para quién es esto

ShipPad funciona mejor para:

Fundadores con ideas, no código: Sabes qué quieres construir. Puedes describirlo claramente. Solo no puedes escribir el código tú mismo.

Desarrolladores que quieren guardarraíles: Puedes programar, pero quieres asistencia de AI sin el caos. Las reglas preconfiguradas significan que pasas menos tiempo arreglando errores de la AI.

Agencias que publican rápido: Los proyectos de clientes necesitan salir rápidamente pero no romperse. La estructura de ShipPad escala entre proyectos.

Educadores que enseñan vibe coding: Los estudiantes aprenden con patrones de producción reales desde el primer día. No ejemplos de juguete que se caen en el mundo real.

Cómo empezar

ShipPad es una carpeta que clonas. El resto es conversación.

  1. Clona el repositorio ShipPad
  2. Ábrelo en Claude Code (o tu asistente de AI preferido)
  3. Describe lo que quieres construir
  4. Deja que la AI trabaje dentro de los guardarraíles

La AI lee AGENTS.md y conoce las reglas. Lee los skills y conoce los flujos de trabajo. Lee los templates y conoce los patrones.

Tú proporcionas la dirección. Ella proporciona la implementación.

Qué cambia esto

La brecha entre “idea” y “producto publicado” se está achicando.

No porque la AI escriba código perfecto. No lo hace. Sino porque podemos codificar años de conocimiento duramente ganado en archivos de configuración que los asistentes de AI realmente siguen.

Mejores prácticas de seguridad. Disciplina de testing. Flujos de trabajo de despliegue. Consistencia de diseño.

Antes estas requerían experiencia.

Ahora requieren la estructura de proyecto correcta. ShipPad es esa estructura.


ShipPad está actualmente en beta privada. Sigue @igindin para actualizaciones.

← arrow keys or swipe →