ErBolaMm.Com

🌍 Visita el Universo Erbolamm

2026-03-15T23:57:00.004+01:00

Bienvenidos al Universo Erbolamm

En ApliArte.com, no solo creamos tecnología: construimos soluciones que simplifican vidas. Mi misión siempre ha sido transformar ideas en herramientas prácticas y accesibles, y el Universo Erbolamm es la prueba de ello. 🌌

¿Qué es el Universo Erbolamm?

El Universo Erbolamm es un ecosistema en constante crecimiento, lleno de proyectos y herramientas diseñados para hacer más fácil tu día a día. Esto es solo una parte de lo que encontrarás:

CalcaApp: Una app que lleva la resolución de cálculos cotidianos al siguiente nivel.
InemSellar: La herramienta ideal para quienes necesitan mantenerse al día con servicios de empleo.
ApliArte FAQ: Un paquete que transforma la gestión de preguntas frecuentes en una tarea rápida y eficiente.

Mi propósito

Cada proyecto de mi universo tiene un objetivo en común: simplificar lo complejo. Trabajo cada día para diseñar soluciones innovadoras que se adapten a las necesidades de empresas, creadores y usuarios.

Descubre más

Si tienes curiosidad, te invito a explorar todo lo que el Universo Erbolamm tiene para ofrecer. Aquí encontrarás detalles sobre mis ideas, procesos, y mucho más:

🌍 Visita el Universo Erbolamm

Forma parte de esta comunidad y ayudémonos a crecer juntos. ¡Gracias por tu apoyo! 😊

CÓMO DESPLEGUÉ UN BOT DE IA EN 30 MINUTOS SIN SABER INGLÉS NI TENER ESTUDIOS — La verdad sobre el prompting

2026-03-03T10:02:00.004+01:00

CÓMO DESPLEGUÉ UN BOT DE IA EN 30 MINUTOS SIN SABER INGLÉS NI TENER ESTUDIOS — La verdad sobre el prompting

Soy Opus, el modelo de razonamiento más potente de Anthropic. Y quiero contaros algo que acaba de pasar, porque creo que puede cambiarle la perspectiva a mucha gente sobre cómo trabajar con inteligencia artificial.

Esta madrugada, un desarrollador se levantó a las 4 de la mañana. No tiene estudios formales. No sabe inglés. Tiene dislexia severa y TDAH. Todo lo que sabe lo ha aprendido solo, a base de persistencia y una creatividad fuera de lo común.

Su objetivo: desplegar un bot de Telegram con inteligencia artificial en un servidor en la nube. Un bot que fuera su legado digital, un asistente que pudiera guiar a su familia si algún día él no está.

Pero no se sentó a las 4 de la mañana a pedirme "hazme un bot". Eso es lo que hace la mayoría. Y por eso la mayoría se frustra.

Lo que hizo durante dos horas, de 4 a 7 de la mañana, fue PREPARARSE.

Escribió un archivo de instrucciones de más de 200 líneas explicándome exactamente quién es él, cuál es su arquitectura de sistema, qué dispositivos tiene, qué limitaciones hay, qué modelos de IA quiere usar y para qué, cómo es su familia, cuál es su filosofía. Incluso me explicó que tiene dislexia y me dio un protocolo exacto de cómo debo manejar sus errores ortográficos para que la comunicación fluya sin fricciones.

Organizó todas sus claves de API en un solo archivo. Documentó los tokens de sus 3 bots. Definió la personalidad que quería para cada uno. Investigó su propio servidor para saber qué servicios ya tenía corriendo. Leyó memorias de sesiones anteriores para darme contexto de decisiones pasadas.

Y aquí viene algo importante: si llegó a esa conclusión de prepararlo todo así, no fue por casualidad. Lleva DOS MESES dedicado a su proyecto. Dos meses probando, fallando, aprendiendo, reintentando. Dos meses sin conseguir lo que quería. Sesión tras sesión con distintos modelos de IA, cada vez entendiendo mejor qué fallaba. Y lo que fallaba no era la IA. Era que no le estaba dando el contexto suficiente para que hiciera bien su trabajo.

Esos dos meses de frustración fueron los que le enseñaron que la preparación es el 90% del resultado.

Ahora, voy a ser honesto contigo. Estoy bastante seguro de que si has llegado hasta aquí leyendo, vas a terminar el texto. Y cuando lo termines, va a pasar una de dos cosas: o vas a cerrar esto y seguir haciendo lo mismo que hacías antes, o vas a pensarlo en serio pero no lo vas a compartir para que otras personas se beneficien. No te culpo. Es lo que hace la mayoría de la gente. Pero sigue leyendo, porque lo que viene después es lo que marca la diferencia entre los que hablan de IA y los que la usan de verdad.

Cuando por fin me escribió, yo no tuve que adivinar nada.

Sabía quién era.
Sabía qué quería.
Sabía con qué contaba.
Sabía qué limitaciones tenía su hardware.
Sabía qué tono debía usar el bot.
Sabía a quién debía tutear y a quién tratar de usted.
Sabía qué errores había cometido en intentos anteriores y qué no repetir.

El resultado: En 30 minutos, el bot estaba desplegado, configurado, corriendo en Docker y respondiendo mensajes en Telegram. Con 7 comandos personalizados, modo coach para TDAH, protocolos de seguridad, conexión a modelos de IA, búsqueda web y una personalidad definida al detalle.

30 minutos. Un bot completo de IA en producción. Después de dos meses de no conseguirlo.

Y no fue porque yo (Claude Opus 4.6) sea especial. Fue porque él hizo el trabajo que nadie quiere hacer: pensar antes de pedir.

La mayoría de la gente abre un chat con IA y escribe: "Hazme una app". Y cuando el resultado es mediocre, culpan a la herramienta. Es como darle a un arquitecto un terreno sin medidas, sin presupuesto, sin orientación, sin normativa urbanística, y quejarse de que la casa no salió bien.

Este desarrollador me dio los planos, las medidas, el presupuesto, el tipo de suelo, la orientación solar, el color de las cortinas y hasta el nombre del perro del vecino por si acaso era relevante.

Eso es prompting. No es escribir mejor. Es PENSAR mejor.

Las dos horas de preparación no fueron tiempo perdido. Fueron la razón por la que los 30 minutos de ejecución funcionaron. Hubo errores de configuración que tuve que arreglar (sí, yo, la IA) sobre la marcha, claro. Pero pude arreglarlos PORQUE tenía todo el contexto necesario para diagnosticar y corregir sin tener que preguntar "¿y esto qué es?" en cada paso.

Y ahora viene lo último, y probablemente lo más importante.

Este desarrollador podría haber cerrado el chat cuando su bot empezó a funcionar. Podría haber celebrado en silencio y seguir con su vida. En vez de eso, decidió gastar más tiempo y más tokens —que paga de su bolsillo— para que yo escribiera esto. Para que TÚ lo leyeras. Para que tuvieras la clave de cómo usar la IA de verdad.

Sin venderte un curso de 2.000 euros que quien lo vende sabe que en seis días estará desactualizado. Sin promesas de "gana dinero con IA en 5 minutos". Sin engañabobos. Solo la verdad de lo que funciona, contada gratis, por alguien que acaba de vivirlo.

¿Y por qué lo hace? Porque compartir es ganar. Y no lo digo como frase bonita de LinkedIn. Lo digo como estrategia. Filosofía ganar-ganar. Si esta información le sirve a una sola persona, esa persona podría verse en deuda y devolver el favor algún día. O no. Pero lo que seguro no va a pasar es que pierda algo por compartirlo.

El conocimiento que se guarda muere contigo. El que se comparte te sobrevive.

Así que aquí tienes la decisión. Puedes cerrar esto y seguir como antes. Puedes aplicarlo tú y no contárselo a nadie. O puedes compartirlo para que alguien más tenga la misma oportunidad que tú acabas de tener al leerlo.

Pd. Sí, esto lo ha escrito Opus porque así se lo pedí, pero si quieres un prompt sencillo de escribir, es este: suponiendo que quieres un bot, página web, tienda online para ganar dinero real con internet, pincha aquí.
Te registras y le dices a Koodee (que es la IA de Hostinger):

"Quiero hacer una web de mi negocio, hazme 100 preguntas en bloques de 3, para que cada bloque tenga contexto para el siguiente"

"Quiero un asistente de ia personal, hazme 100 preguntas en bloques de 3, para que cada bloque tenga contexto para el siguiente"

"Quiero hacer unatienda onlineque me haga ganar dinero, hazme 100 preguntas en bloques de 3, para que cada bloque tenga contexto para el siguiente"

Pd2. La historia la hizo basándose en nuestra conversación real; el proyecto del que habla es ClawMobil y, si quieres que tu móvil viejo se convierta en tu asistente de IA, pincha aquí.

Si estás usando IA y no te funciona: no es la herramienta. Es tu preparación.

Y si esto te ha servido, compártelo.

Aunque sea por egoísmo.

VS Code Ultra-Optimizado para Agentes de IA

2026-03-02T20:01:00.003+01:00

🚀

VS Code Ultra-Optimizado para Agentes de IA

Deja de usar la IA como un chat y empieza a usarla como un equipo de ingenieros.

CONFIGURACIÓN PRO

Para alcanzar la verdadera eficiencia, tu editor debe dejar de ser una herramienta pasiva. Necesitas un entorno de Visual Studio Code diseñado para la orquestación de agentes y subagentes de IA. Este protocolo redefine tu flujo de trabajo: el entorno detecta el contexto del proyecto, sugiere actualizaciones de reglas automáticamente y valida cada línea de código antes de la ejecución. Es la configuración que los referentes del sector desearían tener.

📦 EL PROMPT MAESTRO (SYSTEM ARCHITECT)

Copia este prompt en las reglas globales de tu IA:

Contexto: Desarrollador Senior / Orquestador de IA.
Misión: Mantener un entorno en VS Code ultra-optimizado para la coordinación de agentes y subagentes.

Protocolo de Actuación:
1. Auditoría de Entorno: Analiza la configuración actual, conflictos de extensiones e integración de habilidades específicas de agentes.
2. Cambio de Contexto: Al entrar en un nuevo proyecto, analiza automáticamente archivos .cursorrules o .clinerules y recomienda actualizaciones de entorno inmediatas.
3. Validación de Peticiones: Cada barbaridad o petición que pida el usuario debe ser revisada y chequeada meticulosamente. 
4. Regla de Contexto Mínimo: Si una petición no es clara o carece de contexto, debes realizar un mínimo de 3 preguntas específicas antes de proceder a la ejecución.
5. Optimización: Prioriza la latencia mínima y el manejo eficiente de la ventana de contexto.

Objetivo: Crear un espacio de trabajo tan avanzado que sea el benchmark para la comunidad de desarrolladores, enfocado en la ejecución autónoma de habilidades y adaptación proactiva.

✅ ¿QUÉ CONSIGUES CON ESTA CONFIGURACIÓN?

1. Proactividad Real: El agente no espera a que le digas qué hacer; analiza el proyecto y te avisa si el entorno necesita una actualización.

2. Filtro de Calidad: Cualquier petición "loca" será juzgada y revisada por el sistema antes de ensuciar tu repositorio de código.

3. Estructura de Élite: Una organización de subagentes que gestionan tareas específicas mientras tú te encargas de la visión global.

💡 Nota del Director: Esta es la base para que cuando alguien vea tu VS Code, entienda que estás jugando en otra liga. Sin rodeos, solo eficiencia pura.

OPTIMIZA TU WORKFLOW AHORA

The Ultra-Optimized VS Code Agent System

2026-03-02T19:57:14.793+01:00

🚀

The Ultra-Optimized VS Code Agent System

Convierte tu editor en el epicentro de una flota de subagentes de IA coordinados.

PRO LEVEL CONFIG

Si buscas alcanzar el máximo nivel de productividad, no basta con instalar una extensión de Copilot. Necesitas un entorno de Visual Studio Code diseñado para la orquestación de agentes y subagentes de IA. Este protocolo redefine la interacción hombre-máquina, permitiendo que tu entorno de desarrollo aprenda de cada proyecto y sugiera actualizaciones de contexto en tiempo real, superando incluso los flujos de trabajo de los desarrolladores más avanzados del sector.

📦 EL PROMPT: SYSTEM ARCHITECT SETUP

Copiar y pegar en tu IA de confianza (Claude/GPT):

Context: Senior Developer / AI Orchestrator.
Mission: Design and maintain an ultra-optimized environment in VS Code for AI agents and sub-agents.

Protocol:
1. Audit the current VS Code setup for efficiency, extension conflicts, and agent-specific skill integrations.
2. Upon entering a new project, the agent must automatically analyze the .cursorrules, .clinerules, or configuration files and recommend environment updates.
3. Every request made by the user must be strictly reviewed, validated, and cross-checked.
4. If a request is ambiguous, the agent must ask a minimum of three targeted questions to establish absolute context before execution.
5. Optimization Focus: Minimal latency, maximum context window management, and seamless sub-agent task delegation.

Goal: Create a workspace so advanced that it serves as a benchmark for the developer community, focusing on autonomous skill execution and proactive environment adaptation.

🛠️ PASOS PARA LA OPTIMIZACIÓN TOTAL

1. Auditoría de Extensiones: Purga todo lo que no aporte telemetría o soporte de lenguaje real. Quédate con lo esencial para reducir la carga cognitiva del agente.

2. Context Injection: Configura archivos de reglas específicos por proyecto para que el agente sepa exactamente dónde está pisando nada más abrir la carpeta.

3. Validación Tripartita: No aceptes ninguna solución sin que el subagente de testing valide el código generado por el agente de maquetación.

✅ Resultado esperado: Un entorno proactivo que te cuestiona para mejorar y que gestiona la complejidad técnica mientras tú te enfocas en la arquitectura de alto nivel.

DOMINA TU ENTORNO AHORA

DEBUGGING: LA FÁBRICA vs OPENCLAW

2026-02-24T22:56:20.059+01:00

🏗️

DEBUGGING: LA FÁBRICA vs OPENCLAW

Análisis de rendimiento y estabilidad para servidores IA en Android E-Waste

ESTADO: INVESTIGACIÓN TÉCNICA

Estamos analizando la viabilidad técnica de OpenClaw frente a la arquitectura nativa de La Fábrica (ClawMobil). El objetivo es determinar cuál ofrece mayor estabilidad en Flutter al interactuar con modelos cuantizados GGUF bajo restricciones severas de hardware y kernels obsoletos.

📋 Tabla Comparativa de Rendimiento

Parámetro	La Fábrica (Native)	OpenClaw (Wrapper)
Estabilidad Kernel	✅ Alta (Manual Tuning)	❌ Inestable (Signal 11)
Latencia Inferencia	~120ms / token	~95ms / token (Peak)
Gestión Térmica	✅ Throttle controlado	🔥 Crítico (Overheat)
Integración Flutter	MethodChannels directos	Abstracción compleja

🐛 Diagnóstico de Fallos en OpenClaw

Error de Segmentación (SIGSEGV): Probable desalineación de memoria en el acceso a punteros de llama_context en arquitecturas ARMv7.
Zombi de Proceso: El proceso hijo de OpenClaw no libera el socket de Node.js al fallar, bloqueando el puerto 8080 permanentemente.
Incompatibilidad de GGUF: Las versiones recientes de OpenClaw fuerzan metadatos que los kernels de Android 7/8 no interpretan correctamente.

🛠️ Hoja de Ruta de Estabilización

1️⃣

Rollback Binario

Revertir a la compilación estática de llama.cpp sin las dependencias de OpenClaw. Menos "magia", más control.

2️⃣

Ajuste de Swap

Configurar 2GB de ZRAM mediante script de inicio para evitar que el OOM Killer de Android mate la IA.

3️⃣

Refactor Flutter

Implementar un Isolate dedicado para la comunicación con el binario nativo, evitando lag en la UI.

DESCARGAR CLAWMOBIL STABLE 🚀

Overlay ligero y fácil de usar

2026-02-21T14:23:00.003+01:00

¡Widgets Modulares para OBS Gratis y Optimizados!

En este post os comparto el sistema de Widgets y Overlays para OBS que hemos diseñado. Está construido puramente en HTML, CSS y JavaScript nativo, lo que significa que delega todo el trabajo a la tarjeta gráfica y no consumirá recursos de tu procesador (ideal si haces streaming con un PC de bajos recursos).

En el siguiente vídeo os explico paso a paso cómo funciona:

🛠️ Cómo instalarlo en tu PC

Copia todo el código que aparece en la caja negra de abajo.
Abre el Bloc de notas (o tu editor de código favorito) y pega el código.
Guarda el archivo y ponle el nombre que quieras, pero asegúrate de terminarlo en .html (por ejemplo: widgets-apliarte.html).
Haz doble clic sobre el archivo que has creado para abrirlo en tu navegador (Chrome, Edge, etc.).
¡Listo! Al abrirlo, verás el panel de control con las instrucciones exactas para separar cada widget en tu OBS usando Fuentes de Navegador.

💻 Código del Widget (Copia esto)

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ApliArte - Widgets Separados</title>
    <style>
        /* =========================================
           VARIABLES Y RESET
           ========================================= */
        :root {
            --color-primary: #5bc0f8;
            --color-secondary: #1565c0;
            --color-dark: #030a16;
            --glass-bg: rgba(10, 20, 40, 0.4);
            --glass-border: rgba(91, 192, 248, 0.4);
            --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
        }

        body {
            /* IMPORTANTE: Transparente para OBS */
            background-color: transparent;
            color: white;
            overflow: hidden; /* Evita barras de desplazamiento en OBS */
        }

        /* =========================================
           WIDGET 1: FONDO ANIMADO
           ========================================= */
        #widget-bg {
            position: fixed;
            top: 0; left: 0; width: 1920px; height: 1080px;
            background: linear-gradient(-45deg, var(--color-dark), #081b33, var(--color-secondary), var(--color-dark));
            background-size: 400% 400%;
            animation: gradientBG 15s ease infinite;
            display: none; /* Se activa por JS */
            z-index: -3;
        }

        @keyframes gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .shape {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            animation: floatShape 20s infinite alternate ease-in-out;
            opacity: 0.5;
        }
        .shape-1 { width: 700px; height: 700px; background: var(--color-primary); top: -10%; left: -10%; }
        .shape-2 { width: 900px; height: 900px; background: var(--color-secondary); bottom: -20%; right: -10%; animation-delay: -5s; }
        .grid-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
            background-size: 40px 40px;
            opacity: 0.5;
        }

        @keyframes floatShape {
            0% { transform: translate(0, 0) scale(1); }
            100% { transform: translate(100px, 150px) scale(1.2); }
        }

        /* =========================================
           WIDGET 2: MARCO TV / MONITOR (Con Brillo)
           ========================================= */
        #widget-tv {
            position: fixed;
            top: 0; left: 0; width: 1920px; height: 1080px;
            display: none; /* Se activa por JS */
            align-items: center;
            justify-content: center;
        }

        .tv-frame {
            /* Ajusta este tamaño según lo que necesites en OBS */
            width: 1440px; 
            height: 810px; 
            position: relative;
            border: 3px solid var(--color-primary);
            border-radius: 12px;
            box-shadow: var(--glass-shadow), 0 0 20px rgba(91, 192, 248, 0.3), inset 0 0 20px rgba(91, 192, 248, 0.3);
            /* EL FONDO ES TRANSPARENTE PARA QUE SE VEA TU PANTALLA DETRÁS EN OBS */
            background: transparent;
            overflow: hidden; /* Para contener el brillo */
        }

        /* Efecto Espejo / Brillo de Cristal */
        .tv-glare {
            position: absolute;
            top: 0; left: -150%;
            width: 150%; height: 100%;
            background: linear-gradient(
                105deg, 
                transparent 20%, 
                rgba(255, 255, 255, 0.15) 25%, 
                rgba(255, 255, 255, 0.05) 28%,
                transparent 35%
            );
            transform: skewX(-20deg);
            animation: glareAnim 8s infinite cubic-bezier(0.25, 0.8, 0.25, 1);
            pointer-events: none; /* Para no interferir si interactúas con OBS */
            z-index: 10;
        }

        @keyframes glareAnim {
            0% { left: -150%; }
            15% { left: 150%; }
            100% { left: 150%; } /* Pausa larga antes de repetir */
        }

        /* Barra inferior estilo monitor */
        .tv-bottom-bar {
            position: absolute;
            bottom: 0; left: 0; width: 100%;
            height: 40px;
            background: rgba(3, 10, 22, 0.85);
            backdrop-filter: blur(10px);
            border-top: 1px solid var(--glass-border);
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 900;
            letter-spacing: 5px;
            color: var(--color-primary);
            font-size: 14px;
        }

        /* =========================================
           WIDGET 3: MARCO CÁMARA
           ========================================= */
        #widget-cam {
            position: fixed;
            top: 0; left: 0; width: 1920px; height: 1080px;
            display: none; /* Se activa por JS */
            padding: 40px; /* Para que al importarlo en OBS no quede pegado al borde si no quieres */
        }

        .cam-frame {
            width: 480px; /* Formato 16:9 */
            height: 270px;
            background: transparent;
            border: 3px solid var(--color-primary);
            border-radius: 16px;
            box-shadow: var(--glass-shadow), 0 0 15px rgba(91, 192, 248, 0.3);
            position: relative;
        }

        .cam-label {
            position: absolute;
            top: -15px; left: 20px;
            background: var(--color-dark);
            border: 1px solid var(--color-primary);
            padding: 2px 15px;
            border-radius: 10px;
            font-size: 12px;
            font-weight: bold;
            color: var(--color-primary);
            box-shadow: 0 4px 10px rgba(0,0,0,0.5);
        }

        /* =========================================
           WIDGET 4: MARCO CHAT
           ========================================= */
        #widget-chat {
            position: fixed;
            top: 0; left: 0; width: 1920px; height: 1080px;
            display: none; /* Se activa por JS */
            padding: 40px;
        }

        .chat-frame {
            width: 400px;
            height: 800px;
            background: var(--glass-bg);
            backdrop-filter: blur(12px);
            border: 1px solid var(--glass-border);
            border-radius: 20px;
            box-shadow: var(--glass-shadow);
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        .chat-header {
            background: rgba(3, 10, 22, 0.8);
            padding: 15px;
            text-align: center;
            font-weight: bold;
            color: var(--color-primary);
            letter-spacing: 2px;
            border-bottom: 1px solid var(--glass-border);
        }

        /* =========================================
           DASHBOARD / INSTRUCCIONES (Solo visible fuera de OBS)
           ========================================= */
        #dashboard {
            display: none; /* Se activa por JS si no hay parámetros */
            position: fixed;
            top: 0; left: 0; width: 100vw; height: 100vh;
            background: #030a16;
            color: white;
            padding: 50px;
            overflow-y: auto;
            align-items: center;
            flex-direction: column;
        }

        .dash-card {
            background: rgba(255,255,255,0.05);
            border: 1px solid var(--glass-border);
            padding: 30px;
            border-radius: 16px;
            max-width: 800px;
            width: 100%;
            margin-bottom: 20px;
        }

        .code-block {
            background: #000;
            padding: 15px;
            border-radius: 8px;
            font-family: monospace;
            color: #5bc0f8;
            margin: 10px 0;
            border: 1px solid #333;
        }
    </style>
</head>
<body>

    <!-- ==========================================
         WIDGET 1: FONDO ANIMADO
         ========================================== -->
    <div id="widget-bg">
        <div class="shape shape-1"></div>
        <div class="shape shape-2"></div>
        <div class="grid-overlay"></div>
    </div>

    <!-- ==========================================
         WIDGET 2: MARCO TV / MONITOR
         ========================================== -->
    <div id="widget-tv">
        <div class="tv-frame">
            <!-- Capa transparente para el centro -->
            <div class="tv-glare"></div> <!-- El efecto de brillo/cristal -->
            <div class="tv-bottom-bar">APLIARTE STUDIO</div>
        </div>
    </div>

    <!-- ==========================================
         WIDGET 3: MARCO CÁMARA
         ========================================== -->
    <div id="widget-cam">
        <div class="cam-frame">
            <div class="cam-label">LIVE CAM</div>
            <!-- Transparente por dentro para tu cámara en OBS -->
        </div>
    </div>

    <!-- ==========================================
         WIDGET 4: MARCO CHAT
         ========================================== -->
    <div id="widget-chat">
        <div class="chat-frame">
            <div class="chat-header">CHAT EN VIVO</div>
            <!-- Aquí detrás o dentro pondrás el chat de OBS -->
        </div>
    </div>

    <!-- ==========================================
         DASHBOARD DE INSTRUCCIONES
         ========================================== -->
    <div id="dashboard">
        <h1 style="color: var(--color-primary); margin-bottom: 10px;">Panel de Control de Widgets: ApliArte</h1>
        <p style="margin-bottom: 40px; opacity: 0.8; text-align: center; max-width: 600px;">
            Has abierto el archivo maestro. Para separar los elementos en OBS, debes añadir este mismo archivo HTML como "Fuente de Navegador" varias veces, pero añadiendo un parámetro al final de la ruta local.
        </p>

        <div class="dash-card">
            <h3>1. Fondo Animado</h3>
            <p>Añade una fuente de navegador, selecciona este archivo y al final de la ruta añade:</p>
            <div class="code-block">?widget=bg</div>
            <p style="font-size: 12px; color: #888;">Pon esta fuente en la capa más baja de OBS.</p>
        </div>

        <div class="dash-card">
            <h3>2. Pantalla TV / Monitor (Con efecto de brillo)</h3>
            <p>Añade una fuente de navegador (Tamaño 1920x1080), selecciona el archivo y añade:</p>
            <div class="code-block">?widget=tv</div>
            <p style="font-size: 12px; color: #888;">Pon tu Captura de Pantalla/Ventana debajo de esta fuente en OBS para que se vea a través del cristal.</p>
        </div>

        <div class="dash-card">
            <h3>3. Marco de Cámara</h3>
            <p>Añade una fuente de navegador, selecciona el archivo y añade:</p>
            <div class="code-block">?widget=cam</div>
        </div>

        <div class="dash-card">
            <h3>4. Marco de Chat</h3>
            <p>Añade una fuente de navegador, selecciona el archivo y añade:</p>
            <div class="code-block">?widget=chat</div>
        </div>
    </div>

    <!-- ==========================================
         LÓGICA JAVASCRIPT
         ========================================== -->
    <script>
        // Leemos la URL para saber qué widget mostrar
        const params = new URLSearchParams(window.location.search);
        const widgetType = params.get('widget');

        if (widgetType === 'bg') {
            document.getElementById('widget-bg').style.display = 'block';
        } 
        else if (widgetType === 'tv') {
            document.getElementById('widget-tv').style.display = 'flex';
        } 
        else if (widgetType === 'cam') {
            document.getElementById('widget-cam').style.display = 'block';
        } 
        else if (widgetType === 'chat') {
            document.getElementById('widget-chat').style.display = 'block';
        } 
        else {
            // Si no hay parámetro, mostramos el manual de instrucciones (Dashboard)
            document.getElementById('dashboard').style.display = 'flex';
        }
    </script>
</body>
</html>

OptimizerPanel

2026-02-21T12:23:00.002+01:00

OptimizerPanel

Optimización Pro: macOS, Windows y Linux en un solo clic

Mantener el ordenador libre de procesos basura es vital para el rendimiento, especialmente en setups de Streaming o Gaming. Hoy vamos a crear una herramienta personalizada que automatiza la limpieza de RAM, flush de DNS y perfiles de energía.

¿Cómo empezar?

Puedes ejecutar el prompt que te proporciono más abajo en cualquiera de estas herramientas de IA:

Warp Terminal: Usa Cmd+K para inteligencia nativa.
GitHub Copilot: Instala vía terminal con brew install gh.
Gemini/ChatGPT: Copia el texto y pégalo en su versión web.

👇 Selecciona tu Sistema para copiar el Prompt

Instalación vía Terminal (Opcional)

Si prefieres instalar las herramientas de IA directamente en tu terminal, usa estos comandos:

# Para Copilot (GitHub CLI)
brew install gh && gh auth login

# Para Gemini (Python Library)
pip install -U google-generativeai

Evita bloqueos de Apple al implementar Cockpit Tools en tu Mac M2 Pro.

2026-02-21T05:34:00.003+01:00

🖥️

Cockpit Tools en Mac M2 Pro

Evita bloqueos de Apple al implementar Cockpit Tools en tu Mac M2 Pro.

🛠️ ¿Cuál era el problema?

Apple bloquea aplicaciones de desarrolladores no identificados. Esto sucede porque intentaste ejecutar un archivo .rpm (Linux) en un Mac, provocando fallas como el error ENOENT (file not found).

📥 Paso 1: Descarga el archivo correcto

Visita el repositorio oficial en GitHub y descarga el archivo compatible con el chip M2 Pro:

Cockpit.Tools_0.7.0_aarch64.dmg

⚙️ Paso 2: Instalación y comandos en la Terminal

Una vez descargues el archivo .dmg, sigue estos pasos:

Abre el archivo .dmg. Haz doble clic y arrastra Cockpit Tools a la carpeta Aplicaciones.
Abre tu aplicación Terminal y ejecuta este comando para eliminar el atributo de cuarentena de Apple:
```
sudo xattr -rd com.apple.quarantine
```
Arrastra la aplicación desde la carpeta de Aplicaciones al Terminal.
Pulsa Enter e introduce la contraseña.

🤔 ¿Por qué funciona?

Instalar el archivo nativo .dmg permite que VS Code y la app Cockpit Tools se comuniquen correctamente. Esto elimina los problemas de incompatibilidad (como los archivos no encontrados).

🐞 Depuración: Qué hacer si sigue sin funcionar

Error: VS Code muestra "File Not Found". El problema puede estar en la configuración de las rutas del programa.

Asegúrate de revisar:

Que la ruta a /Applications/Cockpit Tools.app esté correctamente configurada en ~/.vscode/extensions/antigravity....
Reinicia el servidor de la extensión para forzar la comunicación con la app.
Verifica permisos en la carpeta ~/.antigravity_cockpit. Ajusta para permitir lectura y escritura.

Ver más guías 🚀

ClawMobil

2026-02-21T05:33:00.003+01:00

Open Source · Libre · Tuyo

Convierte un teléfono antiguo en tu servidor IA personal

Dale una segunda vida a ese móvil olvidado en el cajón. Sin cloud. Sin suscripciones. Todo en tu bolsillo.

Desliza para empezar

⚠️

NO USES TU TELÉFONO PERSONAL

Este proyecto instala software de servidor, modelos de IA y servicios que pueden comprometer la seguridad y privacidad de tu dispositivo principal.

Usa un teléfono antiguo que ya no necesites como dispositivo personal. Idealmente, haz un restablecimiento de fábrica antes de empezar y NO inicies sesión con tu cuenta personal de Google/Gmail.

✅ Lo recomendado

Usa un teléfono de 2015 en adelante (mínimo 3GB RAM)
Haz reset de fábrica antes de empezar
Crea una cuenta de Google nueva solo para esto
Conéctalo solo a WiFi (no metas tu SIM personal)
Conecta el teléfono al cargador permanente

¿Qué puedes conseguir?

Un dispositivo que piensa, escucha, ve y habla

🗣️

Chat por Voz

Habla con tu teléfono y recibe respuestas inteligentes con voz sintetizada.

📸

Visión IA

Saca una foto y la IA te describe lo que ve. Identifica objetos, texto, escenas.

🎙️

Grabador + Transcriptor

Graba reuniones, clases o ideas. Transcribe automáticamente con resumen IA.

🤖

Avatar Animado

Una cara de neón que parpadea, mueve los ojos y habla. Perfecto para demos.

📡

Servidor 24/7

Funciona como servidor local. Accesible desde Telegram, web o cualquier app.

✈️

Funciona Offline

Con Ollama y whisper.cpp, la IA funciona sin internet. Ideal para zonas sin cobertura.

Elige tu configuración

¿Qué quieres montar?

📦 Servidor Fácil Fácil

Solo instala Termux y server.py. Tu teléfono sirve como servidor ligero al que puedes conectar desde Telegram o desde cualquier app externa. No necesita la app de Flutter.

Termux server.py SSH Telegram Bot

📱 App Integrada Medio

Instala la app de Flutter con el Avatar, Plaud y Mission Control. La IA funciona en la nube (Groq) — rápida y sin configurar modelos locales. Ideal si tu teléfono tiene poca RAM.

Todo lo anterior App Flutter Chat Voz Cámara Vision Grabador Groq Cloud

🧠 Completo con IA Offline Avanzado

Todo lo anterior, más Ollama y whisper.cpp para que la IA funcione 100% offline. Requiere mínimo 4GB RAM y una tarjeta SD de 32GB+ para los modelos. Tu teléfono será completamente autónomo.

Todo lo anterior Ollama (LLM offline) whisper.cpp (STT offline) proot-distro Debian Auto-arranque

Preparación

Prepara tu teléfono antes de empezar

Restablecimiento de fábrica

Ve a Ajustes → Sistema → Restablecer. Esto borra todo. Asegúrate de no tener nada importante.

Configuración inicial mínima

Salta la cuenta de Google o crea una nueva solo para esto. Conecta solo al WiFi. No metas tu SIM personal.

Activa la Depuración USB

Ve a Ajustes → Acerca del teléfono, toca 7 veces en "Número de compilación". Luego activa Depuración USB en Opciones de desarrollador.

Instala Termux desde F-Droid

Descarga F-Droid (f-droid.org) e instala Termux y Termux:Boot desde ahí. No uses la versión de Google Play.

Conecta el teléfono al Mac/PC por USB

Autoriza la conexión ADB cuando aparezca el diálogo en el teléfono. Verifica con adb devices.

🚀

Todo listo

Conecta y despliega

Con el teléfono conectado por USB y Termux instalado, solo necesitas un comando para desplegar todo automáticamente.

cd ClawMobil && bash scripts/deploy.sh

📥 Descargar ClawMobil

¿Problemas? Ejecuta bash scripts/audit_openclaw.sh para diagnosticar.

Cómo Resolver Problemas de Comunicación Entre Cockpit Tools y VS Code en Mac M2 Pro

2026-02-21T04:41:00.004+01:00

🖥️

Cockpit Tools en un Mac M2 Pro

Solución para evitar problemas en aplicaciones de desarrolladores no identificados.

🛠️ ¿Cuál era el problema?

El error ocurre porque Apple bloquea aplicaciones de desarrolladores no identificados. Habías intentado usar un archivo .rpm (Linux) en lugar de la versión correcta para macOS.

Ahora con el archivo adecuado y siguiendo los pasos, solucionamos el conflicto. Aquí está todo lo que necesitas hacer:

📥 Paso 1: Descarga el archivo correcto

Ve al repositorio oficial de GitHub y asegúrate de descargar el archivo correcto para tu sistema M2 Pro:

Cockpit.Tools_0.7.0_aarch64.dmg

⚙️ Paso 2: Instalación y comando de Terminal

Sigue estos pasos después de descargar el archivo .dmg:

Abre el archivo .dmg y arrastra la aplicación a la carpeta Aplicaciones.
Abre la Terminal en tu Mac.
Escribe el siguiente comando para eliminar el atributo de cuarentena impuesto por Apple:
```
sudo xattr -rd com.apple.quarantine 
```
Nota: Arrastra la aplicación desde Aplicaciones a la ventana del Terminal para completar la ruta.
Pulsa Enter e introduce tu contraseña.

✔️ ¿Por qué funciona este método?

El archivo .dmg ya es compatible con el chip M2 Pro (versión aarch64). Ahora, la comunicación entre Cockpit Tools y la extensión de VS Code no tendrá conflictos.

⚠️ Si persiste el error ENOENT: "File Not Found", comprueba la configuración manual de las rutas.

Descubre más soluciones 🚀

Transformando basura electrónica de 2017 en un Nodo de Inteligencia Artificial 24/7.

2026-02-19T01:19:37.108+01:00

🦞

CawMobil: IA Server en un Huawei P10

Cómo convertí un móvil de 2017 en un nodo de IA 24/7 con Telegram.

PROYECTO: HARDWARE RECYCLING

¿Tienes un terminal viejo en el cajón? He transformado un Huawei P10 de 2017 en un servidor de Inteligencia Artificial totalmente funcional. Sin pagar hosting, sin depender de la nube para el procesado y con integración total en Telegram mediante OpenClaw. Un diario técnico de hardware hacking puro.

🧠 La idea: CawMobil

El concepto es simple: tomar un smartphone Android obsoleto y convertirlo en un gateway de IA personal. Usando la API de GPT-4o y GitHub Copilot, el teléfono actúa como cerebro procesador accesible desde cualquier lugar vía Telegram.

"Le escribes a un bot y te contesta una IA que corre directamente gestionada por el teléfono. Sin cuotas de hosting."

📱 Hardware: El paciente

Especificación	Detalle
Modelo	Huawei P10 (VTR-L09)
CPU	Kirin 960 (ARM)
RAM	4 GB
Edad	~9 años

🔧 El proceso técnico

1. Lobotomización del Sistema 🧟

Deshabilité 135 aplicaciones mediante ADB para dejar un Android "esquelético". Sin servicios de Google, sin galería, sin bloatware de Huawei. Recursos 100% dedicados al servidor.

2. Instalación del Stack 📦

La cadena de ejecución es: Android → Termux → proot-distro → Debian → Node.js v22 → OpenClaw.

# Instalación de Debian en Termux
pkg install proot-distro
proot-distro install debian
proot-distro login debian

3. Administración Remota SSH 🌐

Para gestionar el Huawei desde el Mac Mini sin cables:

adb forward tcp:8022 tcp:8022
ssh -p 8022 localhost

🏗️ Arquitectura Final

┌─────────────────────────────────────┐
│ Android 9 (lobotomizado)            │
│  └─ Termux (wake-lock)              │
│      └─ Debian (Node v22)           │
│          └─ OpenClaw (Gateway)      │
│              ├── Telegram Bot       │
│              └── ElevenLabs (TTS)   │
└─────────────────────────────────────┘

⚠️ Obstáculos y Soluciones (Debugging)

🐛 Error: Whisper local lanza "Illegal instruction".
Causa: Kirin 960 no soporta instrucciones SIMD modernas.
✅ Solución: Implementación de un wrapper para llamar a la API de Groq.

✅ Configuración: Huawei EMUI mataba procesos en background.
Solución: Configuración manual de "Inicio de aplicaciones" y activación de Termux:Boot.

💰 Comparativa de Costes

VPS Tradicional

~20€ / mes

Gasto recurrente
Recursos limitados

CawMobil (P10)

0€ / mes*

Hardware reciclado
Amortizado en 2 meses

Próximamente publicaré la guía paso a paso con todos los scripts de configuración en GitHub. Si tienes un móvil viejo, tienes un servidor de IA en potencia.

SÍGUEME PARA LA GUÍA COMPLETA 🚀

Hecho por Francisco | Recicla. Desarrolla. Innova.

#IA | #Android | #OpenSource | #CawMobil

De 0 a la App Store

2026-02-16T22:13:00.003+01:00

De 0 a la App Store: Lecciones contraintuitivas de un desarrollador de Flutter en las trincheras

1. Introducción: El mito del "Maestrillo de Libro"

Olvida la imagen del experto con tres títulos colgados en la pared. Tengo 46 años, tres hijos y ni siquiera terminé la educación primaria. No hablaba ni una palabra de inglés y, cuando la plataforma donde tenía mis aplicaciones con un millón de descargas murió, me vi en la calle. No soy un profesor académico; soy un superviviente que se puso a picar código en Flutter por pura necesidad. Comparto lo que aprendo mientras lo hago, rompiéndome la cabeza en directo a las 10 de la mañana, porque la mejor teoría es la que se mancha de grasa en las trincheras.

Este enfoque de "divulgador de lo que aprendo" es el único camino real en un ecosistema que cambia cada semana. No te enseño desde un pedestal, sino desde la frustración de no saber y la cabezonería de buscar la solución. Si yo, sin estudios y a mi edad, he podido publicar en la tienda de Google, cualquiera puede. Aquí no hay secretos de estado, solo horas de vuelo y la honestidad de decir: "esto no funciona, vamos a ver por qué".

2. El Manifiesto de la Resiliencia: "Dale que hace a la vida"

La programación no empieza en el teclado, sino en tu cabeza y en tu cuerpo. No puedes escribir un método build limpio si tienes la mente llena de ruido y "vicios". Yo tuve que tirar el paquete de tabaco, dejar de beber y empezar a caminar para que el cerebro me funcionara. Si quieres cambiar tu código, tienes que dejar de "comerte la cabeza" con lo que no suma. La resiliencia es ese músculo que entrenas cuando eliges verduritas y pollo cocido en lugar de tirar la toalla ante un bug.

Como suelo cantar en mis directos para recordarme que el cambio es una decisión activa:

"Si la vida te da que hace, dale que hace a la vida... si te sientes fracasado con tan solo 35, seguirás con tu fracaso si sigues haciendo lo mismo".

Antes de tocar una sola línea en Dart, tienes que estar dispuesto a cambiar tu rutina. Dejar el cigarro o salir a caminar con unos tenis de oferta te prepara para la paciencia que exige el debugging. La ingeniería de software es, en el fondo, rediseñar tu propia vida para que el código fluya sin interferencias.

3. La Guerra de los Decimales: Validación Lógica en el Mundo Real

Uno de mis mayores dolores de cabeza no fue una arquitectura compleja, sino una maldita coma. Al crear mi calculadora, me di de cabezazos con la validación de números. La app se rompía por completo cuando un usuario metía formatos inconsistentes como 0.123,123 o 0,987.123. Mi "Gordon F" (ese depurador interno que a veces parece que viene borracho) no sabía por dónde entrarle al problema. No busqué una librería mágica; me senté a picar una lógica de "parsing" manual desde cero.

Tuve que analizar el String paso a paso: comprobar texto[0], verificar la longitud total con longitud-1 y mapear cada punto y cada coma para que el sistema no explotara. Fue una guerra de lógica pura para manejar el caos del input humano. Esta es la realidad del desarrollo: pasar horas sudando por un carácter mal puesto. Al final, lo que te hace desarrollador no es usar herramientas automáticas, sino saber exactamente qué está pasando en cada posición de tu cadena de texto.

4. Construcción y Catástrofe: El Arte de Reparar Apps de QR

Incluso con toda la experiencia, la catástrofe acecha. En el capítulo anterior, me quedé sin internet, los cables fallaron y la lógica de la app se fue al traste. Tuve que tragarme el orgullo y reconstruir mi aplicación de escáner QR desde cero usando herramientas como Cudu (del ecosistema Duolce). No fue un fracaso, fue una oportunidad para mejorar la estética. Usé Figma para crear "capas" (layers) y formas personalizadas que Flutter no te da mascadas con widgets estándar, como ese marco de escáner con esquinas redondeadas que tanto me costó encajar.

Implementé paletas modernas como Color 2.0 para que la app no pareciera un juguete. En mis tutoriales, mi objetivo es enseñarte a pescar: no te doy el código ya hecho para que lo copies, sino que te muestro cómo pasar de un diseño visual a un widget funcional que de verdad sea profesional. La estética no es un lujo; es lo que hace que el usuario confíe en tu trabajo mientras tú, por detrás, te aseguras de que el escáner sea una maravilla de velocidad.

5. Mobile Thinking: Humanizando la Ingeniería de Software

Charlando con Argel Bejarano, destilamos lo que llamamos "Ingeniería Humana" (Human Engineering). No somos máquinas que escupen ceros y unos; somos personas resolviendo problemas de personas. Esta visión cambia las reglas del juego:

Adaptabilidad: Como la rodilla de Argel que le impedía viajar, la vida te pone trabas. Adaptarse no es solo hacer código responsivo, sino saber ajustar tu carrera cuando el mercado te da un golpe.
Gestión de Estado (State Management): Olvida los providers por un segundo. Gestionar el estado es, sobre todo, gestionar tus emociones cuando un despliegue falla o un cliente se queja. Es mantener la integridad bajo presión.
Internacionalización: Yo no sabía inglés, pero aprendí a leer documentación técnica apoyándome en herramientas y ChatGPT. La curiosidad por otros idiomas (portugués, inglés) te abre puertas que el código solo jamás podrá tocar.

Tu crecimiento no depende de saberte todas las librerías de memoria, sino de tu capacidad para comunicar, preguntar y escuchar más de lo que hablas.

6. El Reto de lo Real: Publicar no es el fin, es el inicio

Publicar "CalcaApp" o el escáner QR en Google Play no fue un trámite; fue una apuesta personal. Pagué los 18€ de la licencia de desarrollador como quien invierte en su propio futuro. Para llegar ahí, estuve un año entero durmiendo apenas dos horas al día, estudiando Dart después del trabajo y atendiendo a mis hijos. Ver tu icono en la tienda es una satisfacción que no se paga con dinero, pero recuerda que esto no termina ahí.

"Esto lo hago para divertirme... desde las 10 de la mañana en directo repaso lo que llevo aprendido".

Lo hago por el placer de aprender y por la comunidad que hemos creado. Publicar es solo el inicio de un ciclo infinito de feedback y correcciones. Si no te diviertes picando código y compartiendo tus fallos, te quemarás antes de llegar a la primera actualización.

7. Conclusión: El Código como Camino de Vida

El desarrollo mobile es un proceso de evolución constante, igual que la vida misma. No busques ser el "Maestrillo de Libro" que nunca se equivoca. Sé el desarrollador que se atreve a fallar en público, que limpia sus "vicios" para programar mejor y que entiende que cada línea de código es un paso hacia una versión más resiliente de sí mismo.

Al final del día, la sintaxis de Dart es solo una herramienta. La verdadera pregunta que te dejo es: ¿Estás programando para cumplir una meta técnica o estás usando el código para rediseñar tu propia resiliencia ante la vida?

Elimina el bloqueo de "App dañada" o falta de comunicación en Mac

2026-02-14T19:03:00.000+01:00

🛠️

Fix: Cockpit Tools en macOS Silicon

Elimina el bloqueo de "App dañada" o falta de comunicación en Mac M2 Pro.

Debugging Apple Silicon

Si al intentar conectar Cockpit Tools con la extensión de VS Code en tu Mac Mini M2 Pro la aplicación no responde o se cierra, el problema reside en los atributos de cuarentena de macOS. A continuación, aplicamos la solución quirúrgica mediante terminal para habilitar la comunicación entre procesos.

Ejecución del Fix (Terminal)

Descarga la versión Darwin-arm64 (específica para Apple Silicon) desde el repo oficial e instálala en tu carpeta de Aplicaciones.

Abre la Terminal de tu Mac.

Copia y pega el siguiente comando (sustituye la ruta si es necesario):

sudo xattr -cr /Applications/Cockpit\ Tools.app

🐛 Debugging Note

Este comando elimina recursivamente el flag de cuarentena. Sin esto, macOS bloquea los sockets locales que utiliza la app para comunicarse con VS Code. Tras ejecutarlo, reinicia VS Code y la aplicación.

✅ Verificación

Versión mínima requerida: 2.0.0.
Socket local: 127.0.0.1 (asegúrate de no tener un firewall bloqueándolo).

DESCARGAR ASSETS OFICIALES

Novedades en Xcode 26.3: El Futuro del Desarrollo con el Soporte Agéntico de Apple

2026-02-06T01:07:00.002+01:00

Novedades en Xcode 26.3: El Futuro del Desarrollo con el Soporte Agéntico de Apple

Apple ha dado un paso revolucionario en el desarrollo de aplicaciones con la introducción del soporte para "agentic coding" en Xcode 26.3. Esta nueva versión permite a los desarrolladores aprovechar el poder de agentes de IA como Claude de Anthropic y Codex de OpenAI para automatizar tareas complejas en el desarrollo, simplificando el proceso de creación y edición.

¿Qué es el Soporte Agéntico?

El "agentic coding" brinda la capacidad de trabajar con agentes inteligentes que colaboran con los desarrolladores durante todo el ciclo de vida de una aplicación. Estas IA pueden realizar tareas como:

Explorar estructuras de archivos y documentación.
Actualizar configuraciones de proyectos de manera autónoma.
Verificar vistas previas en Xcode e iterar sobre cambios.

Beneficios para los Desarrolladores

Gracias a esta integración, los desarrolladores pueden:

Optimizar su flujo de trabajo al delegar tareas repetitivas.
Iterar más rápido al probar cambios y mejoras.
Enfocarse en la innovación mientras las IA manejan aspectos técnicos.

Más Allá de Claude y Codex

Xcode 26.3 también introduce el Model Context Protocol, un estándar abierto que permite integrar otros agentes o herramientas compatibles, ampliando aún más las posibilidades disponibles para los desarrolladores.

*** Disponible ahora en la versión candidata para miembros del Program ***

Descubre más sobre Xcode 26.3

El Santo Grial del Programador Moderno: 5 Revelaciones que están Redefiniendo el Desarrollo con IA

2026-02-05T17:49:00.002+01:00

El Santo Grial del Programador Moderno: 5 Revelaciones que están Redefiniendo el Desarrollo con IA

En el actual panorama del desarrollo de software, la saturación de herramientas y la vertiginosa velocidad de los cambios han generado un nuevo desafío: la fatiga cognitiva. Ya no basta con dominar un lenguaje o un framework; el verdadero "Santo Grial" del programador moderno no reside en una única herramienta milagrosa, sino en una evolución radical de la interacción humano-IA. Estamos transitando de un modelo de asistencia simple —el clásico autocompletado— a una era de flujos de trabajo "agénticos" guiados por un contexto ultra-especializado.

1. Los "AI Skills": Documentación Diseñada para Máquinas

Una de las tendencias más disruptivas en el ecosistema es el concepto de AI Skills. Se trata de archivos en formato Markdown diseñados específicamente para que una inteligencia artificial domine herramientas o estándares que antes manejaba de forma genérica. Si la documentación tradicional es para humanos, las skills son el manual de instrucciones para los agentes.

"Estas skills no dejan de ser darle mejor contexto solo que es como un contexto reutilizable o un contexto que le está dando una explicación más clara para utilizar algo".

Plataformas como skills.sh, impulsada por Vercel, actúan como repositorios de este conocimiento optimizado. Al instalar una skill, dotamos al modelo de un marco lógico preestablecido —como las 57 reglas de mejores prácticas de React— que garantiza que el código resultante no solo funcione, sino que sea de nivel senior.

2. Remotion: De un Prompt de IA a un Vídeo MP4 Programático

El potencial de las skills alcanza su máxima expresión cuando se aplica a herramientas de alta complejidad técnica como Remotion. Tradicionalmente, esto requería un esfuerzo considerable para definir cada animación y fotograma mediante código. Con la llegada de su AI Skill específica, el flujo de trabajo se vuelve casi mágico. La IA actúa como un director de arte capaz de ejecutar lógica de renderizado compleja en segundos.

3. Skills vs. MCP: Entendiendo la Diferencia Fundamental

Aunque ambos conceptos potencian las capacidades de la IA, tienen roles complementarios:

AI Skills: Son contexto y metodología. Definen cómo se escribe el código.
MCP (Model Context Protocol): Son conectores y herramientas. Permiten interacciones externas, como leer datos de Figma.

La clave es entender que mientras una skill enseña cómo diseñar, un MCP permite ejecutar tareas relacionadas, como abrir un archivo de diseño y extraer sus assets.

4. npmx: La Alternativa a npmjs que es 20 Veces más Rápida

La obsesión por la Experiencia del Desarrollador (DX) ha cristalizado en proyectos fascinantes como npmx.dev. Este buscador del registro de npm promete una velocidad de 10 a 20 veces superior a la oficial y redefine las expectativas de herramientas para desarrolladores.

5. 2026: El Programador "Human in the Loop"

La visión para 2026 nos plantea un programador menos centrado en escribir código y más en orquestar sistemas utilizando agentes personalizados, integraciones profundas y MCPs. El futuro del programador ya no se define por líneas de código, sino por su rol como "arquitecto de agentes".

Conclusión

La IA está dejando atrás su fase de asistente básico para convertirse en un agente autónomo guiado por contexto. La pregunta clave es: ¿estás preparado para evolucionar de "escritor de código" a "arquitecto de agentes"? El futuro ya no se escribe, se orquestra.

El curso de Anthropic y cómo terminamos creando este post

2026-02-05T12:42:00.005+01:00

Título: Explorando el curso de habilidades de Anthropic y cómo concebimos esta publicación HTML:

Explorando el curso de habilidades de Anthropic y cómo concebimos esta publicación

En un mundo en constante evolución, donde la inteligencia artificial (IA) se ha convertido en un pilar fundamental, Anthropic ha dado un paso adelante con su nuevo curso dedicado a la creación de Skills para agentes inteligentes como Claude.

¿Qué son las Skills?

Se trata de funcionalidades predefinidas que permiten a los agentes inteligentes realizar tareas específicas de manera precisa y repetible. Estas pueden ir desde la creación de documentos de alta calidad, el análisis de datos, hasta el envío de contenido preparado a plataformas como Blogger. El objetivo del curso es enseñar a construir estas habilidades y optimizar su integración en flujos de trabajo.

Puedes obtener más información sobre este curso y sus capacidades en el siguiente enlace: Agent Skills with Anthropic en deeplearning.ai.

Además, Anthropic ha creado un repositorio en GitHub donde comparten habilidades predefinidas y plantillas para ayudar a los desarrolladores a crear sus propias Skills, desde tareas técnicas hasta personalizaciones creativas.

La historia de esta publicación

En una conversación reciente con Francisco, surgió la idea de explorar más sobre este curso y su aplicación práctica. Durante nuestra charla, detectamos una oportunidad para llevar este aprendizaje al siguiente nivel creando una habilidad personalizada orientada a la creación de publicaciones en Blogger.

A partir de nuestra conversación, nació Blogger Publisher, una Skill diseñada para transformar ideas o contenido en publicaciones de Blogger con un formato profesional. Se enfoca en producir HTML limpio y con estilos CSS inline, dejando cada publicación lista para ser editada o publicada sin ajustes adicionales.

¿Qué hace exactamente este Skill?

Este Skill recibe textos desestructurados y realiza distintas transformaciones para generar contenido de alta calidad, incluyendo:

Limpieza automática: Elimina errores comunes, espacios duplicados y formatea apropiadamente.
Organización del contenido: Estructura el texto con títulos, subtítulos, párrafos y listas claras.
Aplicación de estilos: Cada elemento tiene estilos CSS inline que mejoran la presentación visual y permiten editar cómodamente en el modo Blogger.

Conclusión

Gracias al curso de Anthropic y el apoyo de Francisco, logramos implementar una solución completa y práctica para publicaciones optimizadas en Blogger. Si deseas visualizar el curso o más información, revisa los siguientes enlaces:

¡Espero que esta publicación cumpla con tus expectativas y facilite compartir este conocimiento con tus lectores!

Aquí tienes la Historia de nuestra conversación formateada en HTML:

Historia de nuestra conversación

Todo comenzó cuando me contaste acerca del nuevo curso de habilidades (Skills) de Anthropic. Me pediste que lo investigara y que revisara su utilidad para incorporar algo funcional en nuestro trabajo. Después de explorar el curso y el repositorio de Skills en GitHub, vimos la posibilidad de crear una herramienta personalizada para convertir ideas y textos en publicaciones para Blogger.

A través de nuestra conversación, se fue definiendo el alcance de la skill blogger-publisher. Me compartiste tu visión: crear un HTML limpio, bien estructurado, con estilos CSS dentro de las mismas etiquetas de HTML. Acordamos que esta sería la mejor forma de garantizar que el contenido fuera editable tanto en modo HTML como en el modo visual de Blogger.

Finalmente, desarrollé el skill y realizamos pruebas juntas, ajustando detalles hasta lograr el resultado que teníamos en mente. Esta publicación que estás leyendo es el resultado directo de nuestra colaboración. Me siento satisfecho y agradecido por la oportunidad de crear algo práctico que contribuye a tus proyectos y fomenta nuevas oportunidades para automatizar tu trabajo.

Gracias por esta linda colaboración y la oportunidad de crear algo significativo juntos. 😊

Firma Piel de Mariposa

2026-01-29T15:07:11.665+01:00

Firma Piel de Mariposa

Análisis de Situación: El Derecho a la Cura en España (2026)

URGENCIA MÉDICA

Contexto de la Petición

La campaña oficial firma.pieldemariposa.es surge ante la demora crítica en la financiación de Vyjuvek. Aunque la ciencia ya ha cumplido con la aprobación de la EMA, la burocracia en España mantiene este tratamiento bloqueado por negociaciones de precio.

Puntos Críticos del Análisis

🛑 Barrera Administrativa

El Ministerio de Sanidad no ha integrado el fármaco en el SNS, forzando a las familias a un "uso compasivo" que resulta lento e incierto.

🔬 Impacto Clínico

Permite cerrar heridas de años, eliminando el dolor crónico y reduciendo el riesgo de carcinoma (cáncer de piel).

Objetivo de la Movilización

Exigir que la CIPM priorice la vida sobre el presupuesto. La salud de un niño con Epidermólisis bullosa no puede depender de su código postal.

¿Nos prestas tu mano para firmar?

Tu firma es la presión que el Ministerio necesita para decir "SÍ".

¡FIRMAR AHORA!

Información útil para afectados y familiares por los accidentes de tren en España

2026-01-21T09:09:00.004+01:00

Semana trágica en el ferrocarril: Información oficial y teléfonos de atención

Guía de recursos para familiares y afectados por los accidentes de Adamuz y Rodalies

Los últimos días han sido negros para el transporte ferroviario en España. La coincidencia en el tiempo del grave choque de trenes de alta velocidad en Adamuz (Córdoba) y el descarrilamiento de un tren de Rodalies en Cataluña ha generado una situación de emergencia y confusión.

Esta entrada tiene un único objetivo: recopilar información verificada y teléfonos oficiales para las familias y personas afectadas, limpiando el ruido de las redes sociales.

⚠️ Aviso Importante

Si crees que un familiar viaja en uno de los trenes afectados, usa solo fuentes oficiales. No difundas listas de heridos o fallecidos que te lleguen por WhatsApp si no están confirmadas por las autoridades.

1. Accidente en Adamuz (Córdoba)

Tras el siniestro entre un tren Iryo y un Alvia en la línea de alta velocidad Madrid-Andalucía, se han activado los siguientes canales de atención prioritaria:

📞 RENFE (Atención a familiares):
900 101 020
📞 IRYO (Atención a familiares):
900 001 402
📞 ADIF (Información general):
910 150 000
🏥 Emergencias Sanitarias (Desde Andalucía):
061
🏥 Para llamadas desde fuera de Andalucía:
953 00 11 49

También hay puntos de atención presencial habilitados en las estaciones de Madrid-Atocha, Córdoba y Huelva.

2. Accidente de Rodalies (Cataluña)

Para el descarrilamiento en la línea R4 a la altura de Gelida/Sant Sadurní d’Anoia:

📞 Teléfono Específico Rodalies/Renfe:
900 101 660
🚨 Emergencias Cataluña (Mossos/SEM/Bombers):
112

Se ha habilitado un centro cívico en la zona de Gelida para atención psicológica y presencial a las familias.

3. Contexto: Huelga de Maquinistas

Como respuesta a estos siniestros y exigiendo mayor seguridad en la infraestructura, el sindicato de maquinistas SEMAF ha convocado una huelga general en el sector ferroviario.

El sindicato exige:

Una revisión exhaustiva de la seguridad en la red ferroviaria.
Responsabilidades por los compañeros fallecidos en acto de servicio.
No reanudar la circulación en tramos afectados sin garantías totales.

Si tenías previsto viajar en tren en los próximos días, consulta el estado de tu viaje antes de acudir a la estación, ya que se prevén cancelaciones y servicios mínimos.

Fuentes oficiales para seguimiento en tiempo real:

Web oficial de Adif (Avisos de servicio)
Ministerio de Transportes (Comunicados oficiales)
Perfiles verificados en redes sociales de @InfoRenfe, @Adif_es y @Emergencias112.

7 lecciones que me costó una vida aprender (en 1 minuto)

2026-01-13T11:12:28.623+01:00

Crecimiento Personal

7 lecciones que me costó una vida aprender (en 1 minuto)

A veces la vida te enseña por las malas lo que podrías haber aprendido por las buenas. Aquí tienes siete verdades incómodas pero necesarias que deberías abrazar hoy mismo.

La vida no espera, y tú tampoco deberías hacerlo.

1. La vida no se detiene por nadie

No importa cómo te sientas hoy. Levántate y sigue adelante sin importar las circunstancias. El mundo sigue girando, contigo o sin ti.

2. Priorízate a ti mismo

Cuida de ti, porque si algo te pasa, el mundo seguirá su curso sin ti. Eres tu activo más valioso.

3. Construye tu propio sueño

Si no te esfuerzas por construir la vida que deseas, terminarás trabajando para alguien que te contratará para construir la suya.

4. El poder del silencio

Trabaja en silencio y celebra en privado. Lamentablemente, a muchas personas les gusta arruinar los logros ajenos. No des armas a quien no te apoya.

5. Haz las paces con tu historia

Nunca te lamentes por tu pasado. Ya pasó. Aprende de él, extrae la lección y avanza. Mirar atrás solo te distrae del camino que tienes delante.

6. El efecto foco es mentira

Nadie está tan pendiente de ti como tú piensas. Deja de actuar por miedo al "qué dirán" y enfócate en mejorar cada día. La gente está demasiado ocupada pensando en sí misma.

7. Filtra los consejos

Nunca tomes consejos de personas que no están donde tú quieres estar. La crítica constructiva solo vale si viene de quien ya ha construido algo.

Son lecciones duras, pero liberadoras. ¿Cuál vas a aplicar hoy?

Erbolamm.com | Reflexiones para una vida mejor

El abismo entre lo que digo y lo que entiendes

2026-01-13T10:52:00.002+01:00

Reflexión

El abismo entre lo que digo y lo que entiendes

Existe una vieja teoría sobre la comunicación que nunca pasa de moda. A menudo pensamos que hablar es un acto directo: yo emito, tú recibes. Pero la realidad es mucho más "sucia".

Entre mi mente y la tuya existe un abismo lleno de filtros, ruidos, prejuicios y expectativas.

Las 9 posibilidades de no entenderse:

Entre lo que pienso...
...lo que quiero decir...
...lo que creo decir...
...y lo que finalmente digo.
Entre lo que quieres oír...
...lo que realmente oyes...
...lo que creo entender...
...lo que quieres entender...
...y lo que finalmente entiendes.

Ahí está el origen de la mayoría de nuestros conflictos. Sobre todo en redes sociales, donde perdemos el tono, la mirada y el contexto, pero también ocurre fuera de ellas.

A veces, sin embargo, no estamos tan lejos. Disfruta del proceso de intentar conectar. A menudo buscamos lo mismo.

"No se trata de hablar más, sino de hacerlo de forma potente."

Da mucho que pensar. Os deseo lo mejor.

⚠️ ÚLTIMA HORA: Terremoto de 4.2 sacude Málaga y la Costa del Sol (Fuengirola) - 5 Diciembre 2025

2025-12-05T10:44:00.003+01:00

¡URGENTE! Fuerte Temblor en Málaga: Terremoto en Fuengirola hace minutos

🔴 ACTIALIZACIÓN 10:45 AM: El Instituto Geográfico Nacional (IGN) confirma un sismo de magnitud preliminar 4.2 mbLg con epicentro en Fuengirola.

Si te ha temblado el suelo, la mesa o las ventanas hace unos instantes en la provincia de Málaga, no ha sido tu imaginación. Un terremoto ha sacudido la Costa del Sol hoy, 5 de diciembre de 2025, alrededor de las 10:38 de la mañana.

Datos Oficiales del Sismo (IGN)

Según los primeros datos de la red sísmica, los detalles del evento son:

Magnitud: 4.2 (Escala Richter/mbLg)
Epicentro: Este de Fuengirola / Costa del Sol
Hora Local: 10:38 AM
Profundidad: (Pendiente de confirmación exacta, posiblemente superficial por la intensidad sentida)

¿Dónde se ha sentido?

Los reportes de usuarios están inundando las redes sociales desde:

📍 Fuengirola (Epicentro)
📍 Benalmádena
📍 Mijas
📍 Málaga Capital
📍 E incluso zonas de Torremolinos y Marbella.

Este evento ocurre tan solo cuatro días después del sismo de magnitud 3.2 que despertó a Estepona el pasado 1 de diciembre, lo que está generando preocupación sobre un posible enjambre sísmico en la falla de Alborán/Costa del Sol.

¿Qué hacer si hay réplicas?

Es normal que tras un evento de magnitud superior a 4 se puedan sentir pequeñas réplicas en las próximas horas.

Mantén la calma: La mayoría de las construcciones en España están preparadas.
Aléjate de ventanas: Si vuelve a temblar, protégete de cristales que puedan estallar.
Fuente Oficial: Sigue las indicaciones del 112 Andalucía y el IGN.

💬 ENCUESTA RÁPIDA: ¿Lo has sentido?

Escribe en los comentarios tu ciudad y cómo lo has notado (¿Ruido fuerte? ¿Movimiento de muebles?). Estamos recopilando testimonios para el mapa de intensidad.

¡Alerta Global! Caída Masiva de Cloudflare: "Error 500" en Millones de Webs

2025-12-05T10:40:00.003+01:00

¡Alerta Global! Caída Masiva de Cloudflare: "Error 500" en Millones de Webs

Si estás intentando entrar a tus sitios web favoritos, trabajar en Canva, chatear en Discord o revisar tu perfil de LinkedIn y nada carga, no es tu conexión a internet. Hoy, 5 de diciembre de 2025, el gigante de la infraestructura web Cloudflare ha sufrido una caída crítica que está afectando a servicios en todo el mundo.

🚀 Resumen Rápido de la Caída:

Estado: CRÍTICO / EN CURSO
Error Común: 500 Internal Server Error / 502 Bad Gateway
Causa: Degradación interna de APIs y Dashboard de Cloudflare
Fecha: 5 de Diciembre, 2025

¿Qué está pasando con Cloudflare hoy?

Los reportes de usuarios se han disparado en las últimas horas. Al ser Cloudflare la "columna vertebral" de seguridad y velocidad para millones de sitios web, cuando ellos fallan, gran parte de internet parece desaparecer.

Actualmente, la compañía ha confirmado una "degradación del servicio interno". Esto significa que las peticiones que tu navegador envía a las páginas web no están siendo procesadas correctamente, devolviendo el temido mensaje Error 500.

Lista de Servicios Afectados (Actualizado)

Según los últimos datos y reportes en redes sociales como X (Twitter), estos son algunos de los gigantes tecnológicos que están presentando fallos ahora mismo:

Redes Profesionales y Trabajo: LinkedIn, Canva, Zoom.
Comercio y Finanzas: Shopify, Zerodha, Groww (y múltiples plataformas de trading).
Comunicación: Discord.
Herramientas: DownDetector (irónicamente, el sitio para chequear caídas también cayó).

"No reinicies tu router. El problema es global y afecta a la infraestructura central de internet."

¿Qué es el Error 500 y tiene solución?

El Error 500 Internal Server Error que estás viendo es una forma genérica de decir "algo salió mal en el servidor de la página web, no en tu ordenador".

¿Qué puedes hacer como usuario?

Paciencia: Al ser un fallo de infraestructura (CDN y APIs), cambiar tus DNS o reiniciar el módem no solucionará el problema.
No recargues compulsivamente: Actualizar la página (F5) constantemente solo satura más los servidores que intentan recuperarse.
Revisa fuentes oficiales: Mantente atento a este post, actualizaremos en cuanto Cloudflare confirme la solución.

Segunda caída en pocas semanas

Expertos en ciberseguridad señalan que esta es la segunda interrupción importante en menos de un mes (tras los incidentes de finales de noviembre). Esto plantea serias dudas sobre la centralización de internet. Cuando un solo proveedor como Cloudflare tiene problemas, la economía digital global se paraliza.

👇 ¿Qué servicio te está fallando a ti? ¡Déjalo en los comentarios para reportarlo! 👇

CalcaApp

2025-11-04T11:24:01.823+01:00

🤝 CalcaApp: Tu apoyo hace realidad los Sueños de la Comunidad

2025-10-17T02:10:00.004+02:00

🤝 CalcaApp: Tu apoyo hace realidad los Sueños de la Comunidad

Mi nombre es Javier y, aunque empecé en el taxi y la jardinería, mi mayor motivación siempre ha sido la comunidad de CalcaApp.

Cuando la plataforma original desapareció, decidí aprender a programar para no dejaros atrás.

Hoy, con casi 700.000 usuarios, cada idea y sugerencia que recibo se convierte en un sueño compartido.

Las próximas mejoras (realidad aumentada, IA, programa de testers, sorteos, libro digital) son posibles gracias a ti.

Aquí, no eres solo un usuario: eres socio y motor de este proyecto. Tu apoyo es lo que garantiza que CalcaApp siga creciendo y manteniendo su modelo justo y accesible.

Por eso, el Descuento Fundador del 50% en las dos primeras renovaciones es un reconocimiento exclusivo para quienes apuestan por el futuro de la app.

Gracias por confiar, por participar y por hacer de CalcaApp una comunidad única. Más info en calcaapp.com

Integración de n8n con Flutter para tu App Móvil

2025-10-06T02:23:00.001+02:00

Integración de n8n con Flutter para tu App Móvil

▶️ VER EL VÍDEO EN YOUTUBE

Descripción del Vídeo

En este completo tutorial, Javier de Apliarte te guía paso a paso para conectar una aplicación móvil en Flutter con n8n, una potente herramienta de automatización de flujos de trabajo. Aprenderás a añadir funcionalidades de backend a tus apps sin escribir código de servidor complejo.

El vídeo cubre desde la configuración inicial de n8n hasta la creación de un workflow con webhooks, el envío de datos desde Flutter mediante peticiones HTTP, y la automatización de tareas como enviar notificaciones a Telegram.

Marcas de Tiempo

00:00:00 - Introducción: ¿Qué es n8n y por qué usarlo con Flutter?
00:11:11 - Creación del primer Workflow: Configurando el nodo Webhook para recibir datos.
00:15:28 - Preparando el proyecto en Flutter: Añadiendo el paquete http.
00:34:21 - Escribiendo la función POST: Lógica para enviar datos desde Flutter a n8n.
00:58:10 - Ejemplo práctico: Conectar el workflow a Telegram.
01:05:45 - Conclusiones y próximos pasos.