Claude Design: prototipa una calculadora de presupuestos antes de programar tu web
Prueba una calculadora de estimaciones con Claude Design: tarifas ficticias, resultados calculados aparte, límites de entrada y acceso al compartir.
En este artículo
Sobre esta guía y sus límites
Documentación de Anthropic revisada el 2 de noviembre de 2026. Es un ejercicio, no una prueba práctica de Claude Design. Los precios son ficticios.
Una web profesional puede necesitar algo más que una portada atractiva. Sus visitantes quizá quieran elegir un servicio, comparar paquetes o saber cuánto cambia una estimación al añadir una página.
Claude Design permite explorar esa interacción antes de comprometerse con una web terminada. Anthropic documenta prototipos interactivos y cambios mediante conversación, edición del lienzo y comentarios. Este ejercicio se basa en esas instrucciones, no en una prueba del producto.
Define las reglas antes de pedir el diseño
Sección 1 de 4Elige un modelo ficticio que puedas comprobar por tu cuenta. Estas cifras son de demostración, no tarifas de mercado recomendadas. La coma separa los millares en los importes del ejemplo: ₹12,000 son doce mil rupias. Sustitúyelas por precios aprobados antes de un uso comercial. No encargues al modelo que invente descuentos, tratamiento fiscal ni promesas de…
Pide un prototipo pequeño y autónomo
Sección 2 de 4La documentación de Anthropic describe cómo pedir un diseño en una conversación o elegir la plantilla Design en la pestaña Artifacts. El artefacto se abre junto a la conversación. Comprueba las capacidades de tu cuenta y la configuración de la organización antes de depender de una función o de una opción para compartir.
Comprueba las cuentas antes que el aspecto
Sección 3 de 4Calcula los resultados esperados aparte y prueba cada caso en el prototipo. La tabla contiene resultados de la fórmula ficticia, no salidas observadas de Claude.
Cambia un comportamiento cada vez
Sección 4 de 4Pide una revisión concreta: mantener las reglas de precios y explicar el cargo por página debajo del selector. Repite después los cálculos y las pruebas de entradas inválidas. Un cambio visual no debería alterar la fórmula sin tu acuerdo.
Define las reglas antes de pedir el diseño
Elige un modelo ficticio que puedas comprobar por tu cuenta. Estas cifras son de demostración, no tarifas de mercado recomendadas. La coma separa los millares en los importes del ejemplo: ₹12,000 son doce mil rupias. Sustitúyelas por precios aprobados antes de un uso comercial. No encargues al modelo que invente descuentos, tratamiento fiscal ni promesas de entrega.
La fórmula es 12000 + (1500 × páginas adicionales) + 3000 si se selecciona redacción. La IA ayuda a crear el prototipo; este ejercicio no requiere una llamada a un modelo cada vez que cambie una selección.
- Paquete web base: ₹12,000.
- Cada página adicional: ₹1,500.
- Complemento opcional de redacción: ₹3,000.
- Páginas adicionales: números enteros de 0 a 10, incluidos.
- Resultado: estimación orientativa, no presupuesto vinculante.
Pide un prototipo pequeño y autónomo
La documentación de Anthropic describe cómo pedir un diseño en una conversación o elegir la plantilla Design en la pestaña Artifacts. El artefacto se abre junto a la conversación. Comprueba las capacidades de tu cuenta y la configuración de la organización antes de depender de una función o de una opción para compartir.
El siguiente prompt es una propuesta, no una demostración probada. Solicitar restricciones no acredita que el código generado las respete. Revísalo antes de ejecutarlo o compartirlo, sobre todo si añade bibliotecas, peticiones de red o campos no solicitados.
Crea un prototipo interactivo de calculadora de presupuestos web para un estudio ficticio.
Usa ₹12,000 de base, ₹1,500 por página adicional y ₹3,000 por redacción opcional.
Admite solo enteros de 0 a 10 páginas adicionales. Rechaza entradas vacías,
negativas, decimales o superiores a 10 con un mensaje claro; no las redondees.
Actualiza el desglose y la estimación al cambiar selecciones válidas.
Identifica los precios como valores de demostración y el resultado como no vinculante.
Incluye Reset: cero páginas adicionales, redacción desactivada y total de ₹12,000.
No recojas datos personales, envíes peticiones, proceses pagos, llames a modelos de IA
al usar la calculadora ni conectes servicios externos. Mantén legible el diseño en pantallas estrechas.Comprueba las cuentas antes que el aspecto
Calcula los resultados esperados aparte y prueba cada caso en el prototipo. La tabla contiene resultados de la fórmula ficticia, no salidas observadas de Claude.
Prueba también un campo vacío, un número negativo, un decimal y un valor superior a diez. El mensaje debe resultar comprensible y una entrada inválida no debe mostrarse como una estimación aceptada. Después de Reset, verifica cero páginas, redacción desactivada y ₹12,000.
Si falla una comprobación, comunica la entrada, el resultado esperado y el resultado obtenido al pedir la corrección. Un diseño cuidado puede contener errores de cálculo.
| Páginas adicionales | Redacción | Estimación esperada |
|---|---|---|
| 0 | Desactivada | ₹12,000 |
| 2 | Desactivada | ₹15,000 |
| 2 | Activada | ₹18,000 |
| 10 | Activada | ₹30,000 |
Cambia un comportamiento cada vez
Pide una revisión concreta: mantener las reglas de precios y explicar el cargo por página debajo del selector. Repite después los cálculos y las pruebas de entradas inválidas. Un cambio visual no debería alterar la fórmula sin tu acuerdo.
Anthropic admite revisión conversacional, edición del lienzo y comentarios dirigidos. Su guía también advierte que un comentario puede no llegar a Claude; pega el mismo mensaje en la conversación si hace falta.
- Los cuatro totales coinciden con los cálculos independientes.
- Las entradas vacías, negativas, fraccionarias o superiores a diez no producen una estimación aceptada.
- Reset devuelve cero páginas, redacción desactivada y ₹12,000.
- El desglose, las etiquetas de demostración y el carácter no vinculante se leen en pantallas estrechas.
- No existe recogida de datos personales, flujo de pago ni conexión con servicios externos.
Preguntas frecuentes
¿Son precios recomendados para un profesional independiente?
No. ₹12,000, ₹1,500 y ₹3,000 son importes ficticios para comprobar la fórmula, no tarifas de mercado ni asesoramiento fiscal.
¿El visitante necesita IA para calcular la estimación?
El ejercicio usa una fórmula fija. La IA ayuda a crear el prototipo; no se solicita llamar a un modelo al cambiar las selecciones.
¿Cualquier cliente puede abrir el enlace sin iniciar sesión?
No lo des por hecho. La guía actual exige una cuenta de Claude para artefactos compartidos, con la excepción de los heredados publicados desde un chat. Comprueba el acceso real del tuyo.
Fuentes
Estas son las fuentes oficiales del artículo original. Muchas de sus páginas están en inglés.