Qué es
Claude Code y los artifacts de Claude te permiten crear apps web completas desde la terminal o desde el chat. Desarrolladores y no desarrolladores ambiciosos que crean apps completas conversando con Claude.
Empieza aquí
App de Claude Code → App StorePaso a paso desde la URL publicada de Claude Code hasta la ficha en App Store, con las comprobaciones específicas de Claude Code.App de Claude Code → Google PlayLa guía para Android de apps de Claude Code, incluida la configuración de Play Console y la regla de los 12 testers.Claude Code: App Store + Google PlayAmbas tiendas desde una sola URL: diferencias, costos y el plan en paralelo.App de Claude Code rechazada: soluciones¿Rechazada? El triaje para apps de Claude Code, los motivos habituales y una plantilla de respuesta.
Funciones nativas para apps de Claude Code
Cada página de función explica la parte nativa (un ajuste o una llamada URL) y la parte de la web app para tu stack de Claude Code, con un prompt para pegar.
Notificaciones pushEn iOS, el web push del navegador solo funciona en web apps añadidas a la pantalla de inicio, y la mayoría de los usuarios nunca llega a verlo. Como app nativa creada con WebViewGold, tu app de Claude Code obtiene lo auténtico: notificaciones push del sistema en iOS y Android, enviadas desde tu backend, desde un panel o programadas con tu propio JavaScript.Compras dentro de la appTu app de Claude Code probablemente cobra con Stripe. En la web, eso no cambia. Dentro de la app iOS, Apple exige In-App Purchase para los bienes digitales (Directriz 3.1.1), y en Android se aplica Google Play Billing. WebViewGold gestiona ambos a través de RevenueCat con una sola llamada URL desde tu web app.Login con Google y Sign in with AppleLas apps de Claude Code suelen usar Lo que hayas construido: Supabase, Clerk, Auth.js, Firebase. El inicio de sesión con email y contraseña funciona sin cambios dentro de una app WebViewGold. Google y otros proveedores OAuth bloquean los WebViews integrados, y Apple añade una regla propia. Así consigues que todos los métodos de inicio de sesión funcionen en la app sin tocar tu código de autenticación.Inicio de sesión biométricoUn campo de contraseña se siente como una web. Face ID se siente como una app. WebViewGold añade autenticación biométrica a tu app de Claude Code de dos formas: un bloqueo de app sencillo que activas en la configuración, o una API JavaScript (
bioauth://) que devuelve el resultado a tu web app para que protejas exactamente las pantallas que quieras.Escáner de códigos QR y de barrasEscanear códigos QR desde el navegador dentro de un WebView es lento y pide demasiados permisos. WebViewGold abre el escáner nativo de la cámara desde un enlace (qrcode:// o barcodescanner://) y devuelve el resultado directamente a tu app de Claude Code: una URL se abre automáticamente y el valor de un código de barras llega a una variable JavaScript.GeolocalizaciónTu app de Claude Code ya llama a navigator.geolocation. Dentro de una app WebViewGold, esa llamada muestra el diálogo de permisos real del sistema, y la posición llega del GPS del dispositivo en lugar de una aproximación del navegador. Sin código nativo: solo escribes el texto de uso y respondes a los cuestionarios de las tiendas.Anuncios AdMobLas redes publicitarias web pagan poco dentro de las apps y a menudo fallan en los WebViews. WebViewGold integra el SDK nativo de AdMob: un banner bajo tu app de Claude Code, intersticiales tras cierto número de interacciones y vídeos con recompensa que lanzas desde JavaScript cuando el usuario quiere créditos o contenido extra.Modo sin conexiónLos revisores activan el modo avión. Los usuarios viajan en metro. Una app de Claude Code que muestra una página en blanco sin conexión parece rota; una pantalla offline nativa con un botón de reintento parece una app. WebViewGold te ofrece tres niveles de soporte sin conexión, y el adecuado depende de tu stack (Cualquier stack web; los artifacts son apps React o HTML de un solo archivo, los proyectos de Claude Code suelen ser Next.js, Vite o SvelteKit).Deep linksUn usuario toca en su email el enlace mágico de Lo que hayas construido: Supabase, Clerk, Auth.js, Firebase y acaba en Safari: con la sesión iniciada en la web, pero no en la app. Universal Links y App Links lo solucionan: los enlaces https a tu dominio abren directamente la app de Claude Code. Aquí tienes la configuración completa, además de los enlaces con esquema propio para códigos QR y otras apps.Compartir nativo y respuesta hápticaDos detalles hacen que una app de Claude Code se sienta nativa desde el primer minuto: una hoja de compartir real (AirDrop, Mensajes, WhatsApp, Mail) en lugar de un enlace copiado, y una vibración sutil cuando algo sale bien. WebViewGold expone ambos como llamadas URL que puedes conectar a los botones que ya tienes.Descargas de archivos y subidas desde la cámaraUn WebView simple ignora sin avisar la descarga de un PDF y muestra un selector de archivos básico. WebViewGold guarda imágenes en la galería (savethisimage://?url=…), descarga archivos PDF, de audio, ePub y de Office, y abre la cámara o la galería nativas para cada <input type="file"> de tu app de Claude Code.Valoraciones dentro de la appLas valoraciones deciden si una ficha de la tienda convierte. WebViewGold permite que tu app de Claude Code muestre el diálogo nativo de valoración (rateapp://) justo cuando el usuario está contento: tras completar un pedido, terminar un entrenamiento o guardar un proyecto. Tú decides el momento en tu web app; la parte nativa es una sola llamada.CSS y JavaScript personalizadosLa web necesita un banner de cookies, un pie de página con 30 enlaces y una insignia de "Descarga nuestra app". La app no necesita nada de eso. WebViewGold inyecta un archivo custom.css y otro custom.js en cada página que tu app de Claude Code carga dentro de la app, así que la web queda intacta y la app parece una app.Lector de etiquetas NFCSafari no da a los sitios web ningún acceso a NFC, y Web NFC solo existe en Chrome para Android. Envuelta con WebViewGold, tu app de Claude Code inicia un escaneo NFC nativo con un solo enlace y recibe el contenido de la etiqueta en una función de JavaScript: en Android mediante la API NFC documentada, en iPhone mediante el plugin NFC de WebViewGold. Los check-ins, las etiquetas de equipos y las tarjetas de contacto que se guardan con un toque se reducen a unas pocas líneas de código.Escáner de documentosSi tu app de Claude Code tiene una subida de archivos, puede tener un escáner de documentos de verdad. WebViewGold añade la opción Escanear documento al diálogo de subida nativo: Apple VisionKit en iPhone y Google ML Kit en Android detectan los bordes de la página, recortan y mejoran cada página y entregan el resultado a tu campo de archivo actual como cualquier otra subida.Impresión y AirPrintEl botón de imprimir que funciona en el navegador suele quedarse mudo dentro de una app, porque los WebViews de las apps no gestionan window.print() como Safari o Chrome. WebViewGold le da a tu app de Claude Code una alternativa nativa: printitem:// descarga un PDF o una imagen de tu servidor y abre el diálogo de impresión del sistema, AirPrint en iPhone y el servicio de impresión de Android, con Guardar como PDF como opción.Copiar y pegar con el portapapelesLos botones de copiar que fallan en silencio y los campos de pegar que nunca se rellenan son molestias clásicas de los WebViews. En una app WebViewGold, tu app de Claude Code lee el portapapeles del dispositivo cuando lo necesita con getclipboard:// (el contenido llega a la variable clipboarddata), y para copiar se usa la API Clipboard estándar de la web con una alternativa. Aquí tienes el patrón, además de las reglas de privacidad que imponen ambas plataformas.Acceso a contactosLas pantallas para encontrar amigos, las invitaciones a grupos y las apps para dividir gastos suelen querer acceder a la agenda. En una app WebViewGold, tu app de Claude Code pide permiso con requestcontactpermission:// y, tras readcontacts://, recibe los nombres y números de teléfono como JSON en la variable contacts. El código lleva minutos; lo que decide si la app supera la revisión es cómo usas los datos.Reproducción de video y audioUna etiqueta de video HTML5 funciona dentro de la app, pero las lecciones largas se ven apretadas y la reproducción suele detenerse en cuanto el usuario cambia de app. Con WebViewGold, tu app de Claude Code pasa la URL de un stream al reproductor nativo con un solo enlace (startnativevideo://), así que los espectadores tienen pantalla completa y Picture-in-Picture en ambas plataformas, y AirPlay en iPhone. En iOS también puedes mantener el audio HTML sonando en segundo plano para podcasts, radio y cursos de audio.Protección de capturas de pantallaLecciones de pago, chats privados, saldos de cuenta, cupones de un solo uso: algunas pantallas no deberían acabar en un chat de grupo. WebViewGold puede bloquear capturas y grabaciones de pantalla en Android y detectarlas en iOS, y luego llamar a una función JavaScript de tu app de Claude Code para que puedas reaccionar. Las mismas herramientas también funcionan al revés: takescreenshot:// guarda una pantalla en Fotos a propósito, para entradas y recibos.HealthKit y Health ConnectLos rastreadores de actividad, las apps de hábitos y las herramientas de coaching creadas con Claude Code pueden mostrar los pasos, la frecuencia cardíaca o el peso reales del usuario en lugar de pedirle que los escriba. WebViewGold lee y escribe en Apple Health (HealthKit) en iOS y en Health Connect en Android con los mismos dos esquemas de URL. El código es la parte fácil; las reglas de las tiendas sobre datos de salud merecen la mayor parte de tu atención.Eventos de calendarioUna reserva que no está en el calendario del usuario es una ausencia anunciada. En iOS, WebViewGold permite añadir un evento a la app Calendario desde un enlace normal a un archivo .ics, así que tu app de Claude Code no necesita más que una URL que devuelva el evento. Android no tiene una API de calendario dedicada en WebViewGold; aquí tienes lo que funciona allí en su lugar.LinternaLeer un número de serie en un almacén a oscuras, revisar un contador en un sótano, encontrar tu asiento en un concierto: a veces tu app de Claude Code solo necesita luz. WebViewGold enciende y apaga la linterna del teléfono con dos enlaces, enableflashlight:// y disableflashlight://, en iOS y Android. Es una función pequeña que funciona mejor como ayuda dentro de un flujo de trabajo más amplio.Share extensionUna herramienta de marcadores, un recetario o un moodboard solo resultan útiles si guardar cuesta un toque. Con WebViewGold, tu app de Claude Code aparece en la hoja de compartir de iOS y Android, y lo que el usuario comparta (un enlace, un texto, una foto) llega a tu app web en la variable de JavaScript sharedData. Tu código decide qué pasa después: rellenar un formulario, guardarlo en tu backend o abrir un editor.Widgets y atajosLa pantalla de inicio es donde una app demuestra que es más que un marcador. En iOS, WebViewGold le da a tu app de Claude Code cuatro formas de estar ahí: un widget de imagen que tu servidor mantiene al día, acciones rápidas al mantener pulsado el icono, frases de Siri que ejecutan tu JavaScript e iconos de app alternativos. Android no tiene equivalente en WebViewGold para widgets y acciones rápidas, así que esta guía también cubre las alternativas honestas para esa plataforma.Pases de Apple WalletSi tu app de Claude Code vende entradas para eventos, tiene un programa de fidelidad o reparte cupones, el pase debe estar en Apple Wallet, en la pantalla de bloqueo justo cuando hace falta. WebViewGold aporta la pieza que falta: cambia https:// por addpkpass:// en la URL de tu .pkpass e iOS muestra la hoja nativa de Añadir a Apple Wallet. Crear y firmar el pase sigue siendo cosa tuya, y en Android, Google Wallet funciona con su propio enlace web para guardar el pase.Almacenamiento nativo e ID de dispositivoLos usuarios esperan que una app los recuerde. Las cookies y localStorage suelen mantener la sesión de tu app de Claude Code, pero son almacenamiento web y desaparecen con la caché. WebViewGold añade dos pequeñas ayudas nativas: un almacén de valores persistente (writevalue:// y readvalue://) para ajustes y para restaurar la sesión, y un UUID de dispositivo (get-uuid://) para licencias vinculadas al dispositivo, dispositivos de confianza y ajustes por dispositivo en tu servidor.Anuncios de Meta Audience NetworkSi tu público vive en Facebook e Instagram, Meta Audience Network puede ser una alternativa a AdMob. WebViewGold integra el SDK nativo de Audience Network: intersticiales por tiempo o activados por página en iOS, banners e intersticiales en Android, configurados en Config.swift y Config.java y controlados desde tu app de Claude Code. Aquí tienes la configuración, el papeleo de privacidad y los puntos en los que se rechazan las apps con anuncios.Barra de pestañas nativa y navegaciónUn menú hamburguesa y una cabecera web son la forma más rápida de que una app de Claude Code parezca un simple marcador, y eso es justo lo que los revisores evalúan según la directriz 4.2. WebViewGold añade una barra de pestañas nativa o una barra lateral en iOS y una navegación inferior o un menú lateral de Material en Android, cada uno configurado en un solo archivo, mientras tu app web sigue encargándose del enrutamiento.Pantalla splash e indicador de cargaUna pantalla blanca durante dos segundos al abrir la app es la manera en que una app de Claude Code se gana una observación por la directriz 2.1 o una reseña de una estrella. La app nativa se abre al instante; tu app web necesita un momento. WebViewGold cubre ese momento con una splash con tu marca, un indicador de carga nativo y deslizar para actualizar (pull-to-refresh), y unas pocas líneas en tu app web hacen que la transición sea invisible.Área segura y barra de estadoUna app de Claude Code que se veía perfecta en el navegador puede perder la cabecera bajo la Dynamic Island, la barra de pestañas bajo el indicador de inicio o la hora en un blanco sobre blanco en modo oscuro. WebViewGold mantiene tu página dentro del área segura por defecto y colorea la barra de estado de forma nativa o desde JavaScript. Aquí verás cuándo basta con eso y cuándo conviene pasar a edge-to-edge con CSS.Actualización forzada y control de versiónTu app web de Claude Code se actualiza con cada publicación, pero la carcasa nativa que la rodea solo cambia cuando los usuarios instalan una nueva versión desde la tienda. Cuando una función nueva depende de una carcasa más reciente, o cuando los builds antiguos apuntan a una URL que vas a retirar, necesitas saber quién se ha quedado atrás. WebViewGold le pasa a tu app web la versión instalada; unas pocas líneas de código lo convierten en un banner discreto o en una pantalla de actualización obligatoria.Enlaces externos y gestión de URLsEn la web, un enlace a Stripe, al inicio de sesión de Google, a WhatsApp o a tu centro de ayuda simplemente funciona. Dentro de una app, cada enlace necesita un destino: la propia app, una pestaña del navegador dentro de la app, Safari o Chrome, u otra app como Mail, Teléfono o WhatsApp. Si te equivocas, los usuarios acaban atrapados en una página de terceros sin botón atrás, con la sesión iniciada en el sitio equivocado o pagando en un navegador mientras la app espera.Claude Code de un vistazo
Stack
Cualquier stack web; los artifacts son apps React o HTML de un solo archivo, los proyectos de Claude Code suelen ser Next.js, Vite o SvelteKit
Publicación y hosting
Sube el proyecto a GitHub y despliégalo con Vercel, Netlify o Cloudflare Pages (pide a Claude Code que configure el despliegue). Un artifact de un solo archivo puede exportarse y alojarse de la misma forma. Usa la URL del despliegue o tu dominio en WebViewGold.
Autenticación
Lo que hayas construido: Supabase, Clerk, Auth.js, Firebase
Pagos
Stripe
Insignia de la herramienta
No hay ninguna insignia de la herramienta que quitar.
Ejemplo: del proyecto en Claude Code a la app aprobada
Imagina que creaste con Claude Code un planificador de viajes con IA: los usuarios describen un viaje, una ruta del servidor pide a la API de Claude un itinerario día a día y Supabase almacena los viajes que guarda cada usuario. Despliegas en Vercel, conectas trips.yourdomain.com y haces que Claude Code añada las llamadas al puente de WebViewGold para el menú de compartir y un archivo de calendario .ics por cada día, que iOS abre en Calendario. Cada itinerario tiene un botón de reporte, y la política de privacidad explica que las descripciones de los viajes las procesa Anthropic. La cuenta demo de las notas para la revisión ya tiene dos viajes de ejemplo. Ambas tiendas la aprueban, y Claude Code publica mejoras con cada despliegue.
Tu primera semana tras el lanzamiento
- Pide a Claude Code que revise los logs de errores de los primeros días y corrija lo que encuentran los usuarios móviles; despliega y las apps se actualizan.
- Vigila tu gasto en la API de Claude por usuario y añade límites de uso antes de que un día de mucho tráfico te dé una sorpresa.
- Lee los reportes sobre las respuestas de la IA y afina el prompt del sistema en tu ruta del servidor.
- Anota las reglas del puente de WebViewGold en CLAUDE.md, para que las sesiones futuras mantengan funcionando las llamadas nativas.
- Pide una valoración con rateapp:// después de que un usuario guarde su primer viaje.
Prompt de preparación para la tienda
Pégalo en Claude Code, revisa los cambios y publica.
Prompt para Claude Code
Audit and prepare this web app for publishing as a native iOS and Android app (it will run inside the WebViewGold native WebView wrapper): 1. Ensure a meta viewport tag, no horizontal overflow from 320px to 1024px, 44px tap targets and safe-area-inset padding on fixed headers/footers. 2. Add /privacy and /terms pages linked from the footer. 3. Add a "Delete account" action in settings that removes the user's data and auth record with confirmation. 4. Remove "Download our app" banners and external promotional links in the main navigation. 5. Add error boundaries and retry states for failed requests. 6. Set the <title> to the app name (max 30 characters) and a meta description. 7. Summarize what changed and what I still need to do manually.
Lo que obtienes con WebViewGold
Un proyecto de app nativa completo, no una suscripción. Todo lo siguiente está incluido en la licencia y se activa con un ajuste.
- Proyecto de app nativa
- Notificaciones push
- Pantalla sin conexión
- Icono y pantalla de inicio
- Compartir nativo y vibración
- Deep links y enlaces universales
- Compras dentro de la app
- Actualizaciones gratis, marca blanca
Preguntas frecuentes
¿Cómo convierto un proyecto de Claude Code en una app del App Store?
Despliégalo en una URL HTTPS pública, introduce esa URL en WebViewGold para iOS, compila con Xcode o el Cloud Builder y envíalo a través de App Store Connect. La app de Android usa la misma URL con WebViewGold para Android.
¿Puedo publicar un artifact de Claude como app?
Sí, una vez que esté alojado en una URL HTTPS permanente (exporta el artifact y despliega el archivo). Para cualquier cosa que vaya más allá de una sola pantalla, constrúyelo como proyecto para poder añadir una página de privacidad y una navegación real.
¿Puede Claude Code añadir funciones nativas a través de WebViewGold?
Sí. Indícale la documentación de WebViewGold: el puente de JavaScript consiste en simples esquemas de URL y variables de JavaScript, así que el agente puede integrar push, respuesta háptica, compartir o inicio de sesión biométrico en minutos.
¿Puede Claude Code configurar también los proyectos de Xcode y Android Studio de WebViewGold?
Sí, si lo ejecutas en la carpeta donde descomprimiste los proyectos. Puede configurar la URL y las opciones en Config.swift y Config.java, añadir listas de activadores para el Social Login Helper o ajustar los textos de permisos; tú sigues compilando, firmando y subiendo con Xcode y Android Studio, o usas en su lugar el formulario de Cloud Builder.
¿Está bien llamar a la API de Claude desde una app del App Store?
Sí, desde tu servidor. Apple y Google aceptan apps de IA que guardan las claves en el servidor, moderan la salida, permiten a los usuarios reportar problemas y explican el procesamiento en la política de privacidad. Tu app también tiene que cumplir las políticas de uso de Anthropic, que se aplican a todo lo que tus usuarios pueden pedir en sus prompts.
Tres formas de llevar tu app a las tiendas
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.
Hazlo tú mismo
$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 principalCloud Builder
$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 gratuitaFull Service
$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.