Claude Code
Un artefacto es una app de un solo archivo que Claude creó para ti en el chat. Puede convertirse en una app real de las tiendas, pero un enlace de vista previa no es una URL que puedas publicar, y una sola pantalla rara vez le basta a Apple. Este es el camino honesto: exportar, alojar, añadir la página legal y después decidir si lo conviertes en un proyecto.
Desde $109 de pago único por plataforma, o deja que nuestro equipo lo haga todo desde $698.
Claude genera dos tipos de artefactos: un archivo HTML simple (marcado, CSS y JavaScript en un solo documento) y un componente de React que se ejecuta en la vista previa del artefacto con librerías que proporciona esa vista previa. El tipo HTML puede alojarse tal cual. El tipo React necesita un pequeño paso de compilación, porque el runtime de la vista previa que resuelve sus imports no existe en tu servidor. En ambos casos, la URL de vista previa que ves en el chat es temporal y no es una dirección de producción; WebViewGold necesita una URL HTTPS permanente que controles tú.
Todo lo demás que se aplica a una app web también se aplica aquí: Apple espera más que un sitio web (Directriz 4.2), ambas tiendas quieren una política de privacidad y la app debe saber comportarse sin conexión.
Usa la opción de descargar o copiar del artefacto. Con un artefacto HTML ya tienes index.html. Con un artefacto React, pásale el código a Claude Code con: "Convierte este artefacto en un proyecto Vite + React con el mismo comportamiento, añade un script de build y un fallback 404 a index.html." El resultado es una carpeta con una build en dist.
Cloudflare Pages, Netlify y GitHub Pages sirven archivos estáticos por HTTPS gratis. Arrastra la carpeta a Netlify, conecta el repositorio a Cloudflare Pages o activa Pages en el repositorio de GitHub. Pide a Claude Code que configure el despliegue y un dominio propio; la guía de dominios explica por qué te conviene tener el dominio antes de enviar.
Crea /privacy.html (y /terms.html si tienes términos) y enlázalas desde la app. Si el artefacto guarda datos solo en el navegador, dilo exactamente así en la política; es la política más sencilla que escribirás jamás. Añade un manifest y una etiqueta meta viewport si el artefacto no los tiene.
Los artefactos están pensados para el panel de vista previa de un chat, no para un teléfono. Pide a Claude Code que compruebe el relleno de área segura, las áreas de toque de 44 px, los campos de entrada de 16 px y el diseño vertical a 320 px de ancho.
Pon la URL en Config.swift y Config.java, define el nombre y el icono, activa deslizar para actualizar y el menú de compartir nativo, compila con Xcode y Android Studio o con el Cloud Builder y envía.
Una sola pantalla de calculadora, conversor, temporizador o test es lo que los revisores llaman "no especialmente útil" o un sitio web reempaquetado. Google es más permisivo, pero aplica su propia política de funcionalidad mínima a las apps WebView.
Cuentas o estado guardado entre dispositivos, notificaciones push (incluso recordatorios locales mediante sendlocalpushmsg://), compartir nativo, soporte sin conexión y al menos unas cuantas pantallas con navegación real. Funciones que una pestaña de Safari no ofrece.
La pantalla sin conexión nativa, la splash, deslizar para actualizar, los hápticos y el menú de compartir son interruptores o llamadas de una línea. No sustituyen a la sustancia, pero hacen que la app se sienta como una app.
Describe qué hace la app, para quién es y qué funciones nativas usa. Los revisores leen las notas antes de abrir la app.
¡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.
Ejecútalo cuando decidas que la idea merece una app de verdad. Claude Code conserva el comportamiento que te gustó y añade la estructura que esperan las tiendas.
Aquí tienes una app de un solo archivo que nació como un artefacto de Claude (adjunta como artifact.html / artifact.jsx). Conviértela en un proyecto Vite + React mantenible con estas incorporaciones, conservando el aspecto y el comportamiento actuales: 1. Rutas: / (la app), /privacy, /terms, /settings. Una navegación inferior en pantallas pequeñas. 2. Persistencia: conserva el estado local existente, pero estructúralo de forma que más adelante se pueda añadir un backend (Supabase) sin reescribir los componentes. 3. Móvil: etiqueta meta viewport, relleno de área segura, áreas de toque de 44 px, sin desbordamiento horizontal a 320 px, tamaño de fuente mínimo de 16 px en los campos de entrada. 4. Hooks nativos para el envoltorio WebViewGold que usaremos: un helper isNativeApp() que busque el token WebViewGoldApp en el user agent; un botón Compartir que navegue a shareapp://message?=TEXT&url=URL cuando sea nativo; una función de recordatorios que programe una notificación local mediante sendlocalpushmsg://push.send?s=SECONDS=msg!MESSAGE&!#TITLE&!#URL cuando sea nativo y que en los navegadores recurra a la Notifications API. Lee https://www.webviewgold.com/llms-full.txt para conocer la sintaxis exacta. 5. Estados: estados de carga, vacío y error para cada paso asíncrono; un aviso cuando no haya conexión. 6. Despliegue: un workflow de GitHub Actions o una configuración de Cloudflare Pages / Netlify que compile y despliegue con cada push a main. Termina con un README que explique cómo ejecutar, compilar y desplegar.
| Cloudflare Pages | Netlify | GitHub Pages | |
|---|---|---|---|
| Configuración | Conectar el repo o subir la carpeta | Arrastrar y soltar o conectar el repo | Activar en los ajustes del repo |
| Dominio propio + HTTPS | Sí, certificados automáticos | Sí, certificados automáticos | Sí, con un archivo CNAME |
| Paso de build para React | Sí (comando de build) | Sí (comando de build) | Mediante GitHub Actions |
| Ideal para | Entrega global rápida y, más adelante, Workers para API | El primer despliegue más sencillo | Código que ya está en GitHub |
No. Los enlaces de vista previa son temporales, no están bajo tu control y no están pensados como URL de producción. Aloja primero el archivo exportado en tu propio dominio o en un hosting estático.
No por sí mismo. Indícalo en la política de privacidad y ten en cuenta que los datos se quedan en el dispositivo; una reinstalación los borra. Añade un backend cuando los usuarios necesiten sus datos en más de un dispositivo.
Normalmente no, porque importa librerías que solo proporciona el runtime de la vista previa. Deja que Claude Code lo convierta en un proyecto Vite; tarda unos minutos y te da un pipeline de build real.
No hay un número fijo. Los revisores buscan utilidad y capacidades nativas que vayan más allá de un sitio web. Una app enfocada, con cuentas, notificaciones y comportamiento sin conexión, se aprueba más a menudo que una app enorme sin ellas.
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.
