Spaces:
Running
Running
| <html lang="es"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Calcula cu谩nto cuesta entregar un resultado, incluida la revisi贸n humana."><title>Bootstrap Cost Lab 路 Claudio Vargas</title><style>:root{font-family:system-ui,sans-serif;color:#e8edf6;background:#0b1220;line-height:1.65}*{box-sizing:border-box}body{margin:0}main,header,footer{max-width:1040px;margin:auto;padding:28px}header{padding-top:52px}small,.muted{color:#9fafc7}h1{font-size:clamp(32px,5vw,58px);line-height:1.12;max-width:850px}h2{color:#8de5cf;margin-top:0}a{color:#8de5cf}nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}section,.card{background:#141f31;border:1px solid #2b3d55;border-radius:18px;padding:26px;margin-bottom:22px}label{display:block;margin:14px 0 5px}input,textarea,select{display:block;width:100%;background:#0b1220;border:1px solid #526680;color:#fff;padding:12px;border-radius:8px;font:inherit}textarea{min-height:110px}button{background:#8de5cf;color:#0b1220;border:0;padding:12px 20px;border-radius:9px;font-weight:700;cursor:pointer;margin:14px 8px 8px 0}output{display:block;background:#0b1220;border-left:4px solid #8de5cf;padding:20px;white-space:pre-wrap}li{margin-bottom:9px}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #34445c;padding:10px;vertical-align:top}.tag{color:#8de5cf;font-size:13px;text-transform:uppercase;letter-spacing:2px}blockquote{margin:12px 0;padding-left:18px;border-left:3px solid #8de5cf}.note{font-size:14px;color:#b9c7db}@media(max-width:600px){header,main,footer{padding:18px}section,.card{padding:18px}}</style></head><body><header><div class="tag">Claudio Vargas 路 Notas y herramientas de IA</div><h1>Bootstrap Cost Lab</h1><p>Calcula cu谩nto cuesta entregar un resultado, incluida la revisi贸n humana.</p><nav><a target="_blank" rel="noopener" href="https://huggingface.co/spaces/echevar/ai-opportunity-lab">AI Opportunity Lab</a><a target="_blank" rel="noopener" href="https://huggingface.co/spaces/echevar/small-builder-radar">Small Builder Radar</a><a target="_blank" rel="noopener" href="https://huggingface.co/spaces/echevar/bootstrap-cost-lab">Bootstrap Cost Lab</a><a target="_blank" rel="noopener" href="https://huggingface.co/spaces/echevar/collaboration-pilot-canvas">Collaboration Pilot Canvas</a><a target="_blank" rel="noopener" href="https://huggingface.co/spaces/echevar/content-demand-studio">Content Demand Studio</a></nav></header><main><section><h2>El costo visible no es el costo completo</h2><p>El precio de una llamada al modelo es solo una parte de un servicio de IA. Un piloto tambi茅n consume tiempo de revisi贸n, atenci贸n al cliente y correcci贸n. Esta calculadora permite ensayar supuestos; no utiliza tarifas de proveedores ni predice ingresos.</p><p><b>Ejemplo ilustrativo:</b> si cobras 20 unidades monetarias por entrega, gastas 1 en tecnolog铆a y necesitas 15 minutos de revisi贸n valorados a 20 por hora, quedan 14 antes de costos fijos. Con 100 de costos fijos mensuales, necesitas ocho entregas para cubrirlos bajo esos supuestos.</p></section><section><h2>Construye tu escenario</h2><div class="grid"><div><label>Precio por entrega<input id="price" type="number" min="0" step="0.01" value="20"></label><label>Costo t茅cnico por intento<input id="tech" type="number" min="0" step="0.01" value="1"></label><label>Intentos medios por entrega<input id="attempts" type="number" min="1" step="0.1" value="1"></label></div><div><label>Minutos humanos por entrega<input id="minutes" type="number" min="0" step="1" value="15"></label><label>Valor de una hora de trabajo<input id="hour" type="number" min="0" step="0.01" value="20"></label><label>Costos fijos mensuales<input id="fixed" type="number" min="0" step="0.01" value="100"></label></div></div><button id="calc">Calcular escenario</button><output id="result" aria-live="polite">Completa los supuestos y calcula. Usa la misma moneda en todos los campos.</output></section><section><h2>C贸mo leer el resultado</h2><p><b>Costo variable:</b> costo t茅cnico por intento 脳 intentos medios + minutos humanos / 60 脳 valor por hora.</p><p><b>Contribuci贸n por entrega:</b> precio menos costo variable. <b>Punto de equilibrio:</b> costos fijos divididos por contribuci贸n positiva, redondeado hacia arriba.</p><p>Si la contribuci贸n es cero o negativa, aumentar el volumen no corrige ese escenario. Hace falta revisar precio, proceso o alcance. Si es positiva, todav铆a falta comprobar que existan clientes y capacidad de atenderlos.</p></section><section><h2>Prueba tres escenarios</h2><ol><li><b>Base:</b> usa mediciones de un piloto, no el mejor resultado aislado.</li><li><b>Revisi贸n intensiva:</b> duplica minutos e intentos. Observa si sigue siendo viable.</li><li><b>Volumen bajo:</b> compara el equilibrio con las entregas que realmente puedes conseguir y completar.</li></ol><p>El modelo no incluye impuestos, comisiones, devoluciones, adquisici贸n de clientes ni otros costos no introducidos. A帽谩delos al c谩lculo externo antes de decidir precios. Un margen calculado no representa beneficios obtenidos.</p><p class="note">English summary: a transparent unit-economics worksheet for small AI services. All values are user assumptions; the default example is hypothetical.</p></section></main><footer><p>Creado por <a href="https://huggingface.co/echevar" target="_blank" rel="noopener">Claudio Vargas</a> con asistencia de IA 路 Edici贸n inicial: 30 de octubre de 2026.</p><p>Comentarios y correcciones sobre este recurso: <a href="mailto:contacto@claudiovargas.runs-on.dev">Contacto profesional</a>.</p><p class="note">Los campos se procesan en tu navegador; esta p谩gina no los env铆a a un servidor ni los guarda. Copia el resultado antes de cerrar. Contenido educativo original; los proyectos enlazados pertenecen a sus respectivos autores.</p></footer><script>document.getElementById('calc').onclick=()=>{const v=['price','tech','attempts','minutes','hour','fixed'].map(id=>{const s=document.getElementById(id).value;return s.trim()===''?NaN:Number(s)});const out=document.getElementById('result');if(v.some(x=>!Number.isFinite(x)||x<0)||v[2]<1){out.textContent='Introduce valores v谩lidos, no negativos, y al menos un intento por entrega.';return;}const [p,t,a,m,h,f]=v,c=t*a+m/60*h,g=p-c;out.textContent='Costo variable por entrega: '+c.toFixed(2)+'\nContribuci贸n por entrega: '+g.toFixed(2)+'\n'+(g>0?'Entregas mensuales para cubrir costos fijos: '+Math.ceil(f/g):'Sin punto de equilibrio con contribuci贸n no positiva.')+'\nMisma moneda para todos los importes. Escenario hipot茅tico, sin costos omitidos.';};</script></body></html> |