Claude Code
Creaste la app web en la terminal con Claude Code. Publicarla como app nativa es una vuelta más por el mismo ciclo: desplegar, dejar que el agente corrija lo que les importa a los revisores, envolver la URL con WebViewGold, compilar y enviar. Este es el camino completo, en orden, con los prompts y la configuración que necesitas.
Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.
Una app WebViewGold es una app nativa de iOS o Android cuya pantalla principal es un WKWebView (iOS) o un Android WebView que muestra tu app web desplegada. Tu proyecto de Next.js, Vite, SvelteKit o HTML simple sigue viviendo en su URL; el envoltorio nativo añade lo que una pestaña del navegador no puede ofrecer: notificaciones push, pantalla splash, pantalla sin conexión, inicio de sesión biométrico, el menú de compartir nativo, deep links y una ficha en el App Store. No hay que reescribir nada de tu código, y por eso esto funciona tan bien con un agente: Claude Code sigue editando la app web, tú sigues desplegando y las apps de las tiendas se actualizan solas.
El trabajo se reparte en tres lugares: el proyecto web (Claude Code hace la mayor parte), los proyectos de WebViewGold (un puñado de ajustes en Config.swift y Config.java) y las consolas de las tiendas (fichas, respuestas de privacidad y notas para la revisión, que Claude puede redactar pero que envías tú).
Cuenta con uno o dos días laborables para un primer envío, la mayor parte esperando a las cuentas y a las revisiones.
Sube el repositorio a GitHub y conéctalo a Vercel, Netlify o Cloudflare Pages; pide a Claude Code que añada por ti la configuración de despliegue y las variables de entorno. Después conecta tu propio dominio. Una URL *.vercel.app funciona técnicamente, pero un dominio propio te ahorra un nuevo envío más adelante, ya que la URL va compilada dentro de la app.
Pega el prompt de abajo. El agente revisa el diseño móvil, añade las rutas /privacy y /terms, una acción para eliminar la cuenta, estados de error y vacíos, y quita elementos exclusivos de la web como los banners de "Descarga nuestra app". Revisa el diff, prueba la app en tu teléfono y despliega.
Los revisores aplican la Directriz 4.2 a las apps basadas en web, así que dales algo que una pestaña de Safari no pueda hacer. Las notificaciones push son la opción habitual; la guía del puente JavaScript muestra cómo las integra Claude Code.
iOS: abre Config.swift y define host y webviewurl; Android: abre Config.java y define HOST y HOME_URL. Define el nombre y el icono de la app y activa las funciones que uses (servicio push, activadores del Social Login Helper, deslizar para actualizar). Claude Code también puede editar estos archivos; la guía de configuración del proyecto indica qué puede tocar.
Con un Mac: abre el proyecto de Xcode, define tu Team y el bundle ID, archiva y sube. En Android Studio: renombra el paquete y genera un App Bundle firmado. Si no tienes Mac o no quieres instalar ninguno de los dos IDE, el Cloud Builder compila ambas apps en el navegador y las sube a App Store Connect y a la Play Console.
Pide a Claude Code la política de privacidad, las respuestas de App Privacy y Data safety, la descripción, las palabras clave y las notas para la revisión a partir del código real, y luego haz capturas de la app de verdad. La guía de la ficha tiene los prompts.
Apple suele responder en 24 a 48 horas y Google en unos días (hasta una semana en cuentas nuevas). Si llega un rechazo, pégalo en Claude Code; la guía de rechazos explica cómo clasificarlo.
Ejecútalo una vez, lee el resumen y despliega. El agente te preguntará allí donde tu stack requiera decisiones (qué proveedor de autenticación usar, dónde viven los datos de los usuarios).
Esta app web se publicará como apps nativas de iOS y Android con WebViewGold, un envoltorio nativo que carga nuestra URL desplegada en un WKWebView / Android WebView. Prepara el código para la revisión de App Store y Google Play. Trabaja los siguientes puntos, haz un commit después de cada uno y termina con un resumen de lo que cambió y de lo que todavía tengo que hacer a mano. 1. Diseño móvil: etiqueta meta viewport presente, sin desbordamiento horizontal entre 320 px y 1024 px, áreas de toque de al menos 44 x 44 px, cabeceras y pies fijos con relleno env(safe-area-inset-top) y env(safe-area-inset-bottom), sin interacciones que solo funcionen con hover, sin navegación exclusiva de escritorio. 2. Páginas legales: añade las rutas /privacy y /terms con contenido real basado en lo que la app recopila de verdad (revisa el código de autenticación, analítica y pagos). Enlaza ambas desde el pie de página y desde la pantalla de ajustes. No uses Lorem ipsum ni textos de relleno. 3. Eliminación de cuenta: si los usuarios pueden registrarse, añade en los ajustes una acción Eliminar cuenta con un paso de confirmación que borre en el servidor los datos del usuario y su registro de autenticación, cierre la sesión y muestre una confirmación. Añade una página pública /delete-account que explique el proceso. 4. Sign in with Apple: si existe inicio de sesión con Google, Facebook, GitHub o cualquier otro proveedor externo, añade Sign in with Apple como opción equivalente (directriz 4.8 de Apple). 5. Pagos: enumera cada lugar donde se vende un producto digital, una suscripción o un paquete de créditos. No lo cambies todavía; infórmame para que pueda decidir entre compra dentro de la app y checkout web. 6. Estados: cada carga de datos necesita un estado de carga, un estado vacío y un estado de error con un botón de reintentar. Nada de pantallas en blanco ni de rechazos de promesas no capturados visibles para los usuarios. 7. Elimina los elementos exclusivos de la web cuando la app se ejecute dentro del envoltorio nativo: banners de cookies que no sean legalmente obligatorios, insignias de tiendas de apps, banners de Descarga nuestra app, insignias del creador, enlaces promocionales externos. Preferiblemente, detecta la cadena de user agent del envoltorio que configuraremos en WebViewGold (contiene el token WebViewGoldApp) y oculta esos elementos. 8. Callejones sin salida: busca enlaces que llevan a páginas 404, botones de relleno y funciones marcadas como próximamente. Arréglalos o elimínalos. 9. Pon como título HTML el nombre de la app (máximo 30 caracteres) y añade una meta description. 10. Secretos: confirma que ninguna clave de API que deba quedarse en el servidor se incluye en el bundle del cliente.
¡Una forma estupenda de convertir tu web app en una app nativa! Entrega rápida y una manera genial de llevar tus apps a las tiendas sin tener que desarrollar una app nativa completa.
Claude Code lee un archivo CLAUDE.md en la raíz del proyecto al empezar cada sesión. Una sección breve como esta mantiene cada cambio futuro compatible con las tiendas. La plantilla completa va más allá.
## Native app context (WebViewGold)
- This web app is also published as iOS and Android apps. The native apps load
https://app.example.com inside a WebView. Everything we deploy is live in the apps.
- Keep the layout working from 320 px width; respect env(safe-area-inset-*) on fixed bars.
- Never add "Download our app" banners, cookie walls or builder badges.
- Store rules we follow: Apple 4.2 (not just a website), 4.8 (Sign in with Apple when
other social logins exist), 5.1.1 (privacy policy + in-app account deletion),
3.1.1 (digital goods inside the iOS app go through in-app purchase).
- Native features are plain URL schemes handled by the wrapper, documented at
https://www.webviewgold.com/llms-full.txt. Call them only when the user agent contains
"WebViewGoldApp"; in normal browsers fall back to web behavior.| Claude Code | Tú | |
|---|---|---|
| App web | Correcciones de diseño, rutas legales, eliminación de cuenta, estados de error, llamadas al puente nativo, configuración de despliegue | Revisar los diffs, probar en un teléfono real, desplegar |
| Proyectos de WebViewGold | Editar valores de Config.swift / Config.java, textos de permisos y entradas del manifiesto (con revisión) | Firma, certificados, keystore, bundle ID en App Store Connect |
| Consolas de las tiendas | Redactar la política de privacidad, las respuestas de privacidad, la descripción, las palabras clave y las notas para la revisión | Crear las apps, subir capturas, responder cuestionarios, enviar |
| Comentarios de la revisión | Clasificar el texto del rechazo, proponer soluciones, redactar la respuesta | Decidir, volver a enviar |
No. La revisión se fija en el comportamiento, la completitud, la privacidad y los pagos. Qué editor o agente escribió el código es invisible e irrelevante.
Para la vía manual con Xcode, sí. El Cloud Builder de WebViewGold compila y sube la app de iOS desde el navegador, así que todo el flujo también funciona desde Windows o Linux.
Sí. Ambos proyectos de WebViewGold apuntan a la misma app web desplegada. Las diferencias entre plataformas se gestionan con los ajustes del envoltorio y, si hace falta, con la detección del user agent en tu código.
No pasa nada. Los despliegues actualizan ambas apps al instante. Solo los cambios en el envoltorio nativo (nuevos permisos, un nuevo servicio push, un nuevo nombre de app) necesitan una nueva compilación y una actualización en la tienda.
El mismo resultado, con distinta cantidad de trabajo por tu parte. Las tres incluyen la garantía de aprobación y soporte humano 24/7.
$109 por plataforma, pago único
La licencia de WebViewGold: un proyecto de Xcode o Android Studio listo para usar. Pega tu URL, define nombre e icono, activa funciones, compila y envía. Actualizaciones gratuitas para siempre.
Ver planes en la página principal$349 por licencia, complemento de pago único
Sin Mac, sin Xcode, sin Android Studio: configura en el navegador, compilamos ambas apps en la nube y las entregamos a App Store Connect y a Play Console.
Cómo funciona el Cloud Builder Prueba la demo gratuita$698 por plataforma $798
Envíanos tu URL y tu icono. Nuestro equipo configura, compila y entrega tu app en 72 horas, en marca blanca y con los proyectos fuente. Ambas plataformas por $1,158.
Detalles del Full Service Con tecnología de
Precios de la Oferta de invierno válidos hasta el 31 de diciembre de 2026.
Garantía de aprobación en App Store & Google Play – o te devolvemos el dinero en 14 días
¿Prefieres delegarlo? Full Service: configuramos, compilamos y entregamos en 72 horas, desde $698 por plataforma. ¿Preguntas? Chatea con nosotros 24/7.
Los reembolsos se conceden bajo las condiciones indicadas en nuestras FAQ: un rechazo por motivos ajenos al contenido por parte de Apple y/o Google, reclamado dentro de los 14 días posteriores a la compra.