Granda | Ideas & Code

Tu Tesla Aparcado Es un Centro de Datos

Fri, 13 Mar 2026 00:00:00 +0000

Tu coche está aparcado el 95% del tiempo. Dentro hay un chip capaz de 300-500 billones de operaciones por segundo, conectado a refrigeración, conversión de energía y una radio celular. No hace nada.

Tesla y xAI quieren cambiar eso. El 11 de marzo, Elon Musk presentó “Macrohard” — llamado internamente Digital Optimus — un proyecto conjunto que convierte los Tesla aparcados en agentes de IA personales. No chatbots. Agentes que observan tu pantalla, controlan tu ratón y teclado, y realizan trabajo real.

QA Visual como Etapa del Pipeline de CI

Fri, 06 Feb 2026 00:00:00 +0000

Fusioné un PR el mes pasado. La revisión de código se veía bien. Los tests pasaron. Luego abrí el sitio en mi teléfono y la barra lateral estaba completamente rota.

La solución fue trivial—faltaba una media query. El bug era obvio una vez que realmente mirabas la vista móvil. Nadie lo hizo.

Así que añadí una etapa del pipeline que mira.

Abro un issue de GitHub que dice:

Implementar la opción de Entrada Manual para añadir clientes. Al hacer clic, abre un drawer deslizante ancho con un formulario para crear un nuevo cliente.

¿Para Quién Es Agent Trace?

Fri, 30 Jan 2026 00:00:00 +0000

Cursor lanzó Agent Trace, una especificación abierta para rastrear qué código en un repositorio fue escrito por un LLM. Registra el modelo, la herramienta, la conversación y los rangos de línea exactos, todo añadido a un archivo JSONL en tu proyecto.

La propuesta: “A medida que los agentes escriben más código, es importante entender qué provino de la IA versus los humanos.”

Pasé tiempo leyendo la especificación y la implementación de referencia. La ingeniería es sólida: esquema limpio, extensibilidad bien pensada, buena lista de socios (Amp, Amplitude, Cloudflare, Cognition, Google, Vercel). Pero seguía volviendo a una pregunta: ¿qué haces con estos datos?

Darse de baja

Sat, 10 Jan 2026 00:00:00 +0000

Procesando...

Enlaces Enriquecidos para Desarrolladores Perezosos

Sat, 10 Jan 2026 00:00:00 +0000

Cuando comparto un enlace de mi blog en Twitter o Slack, aparece como texto plano. Sin imagen de vista previa. Solo una URL como granda.org/en/2026/01/02/claude-code-on-the-go/.

Necesitaba imágenes Open Graph. El enfoque estándar: crear manualmente una imagen de 1200x630 para cada entrada. Eso es tedioso. Le pedí a Claude que lo automatizara.

flowchart LR
 Push[git push] --> GHA[GitHub Actions]
 GHA --> Hugo[Hugo Server]
 GHA --> PW[Playwright]
 PW -->|screenshot| Hugo
 PW --> IMG[OG Image]
 IMG --> Commit[git commit]
 Commit --> Deploy[Deploy]

flowchart TB
 Push[git push] --> GHA[GitHub Actions]
 GHA --> Hugo[Hugo Server]
 GHA --> PW[Playwright]
 PW -->|screenshot| Hugo
 PW --> IMG[OG Image]
 IMG --> Commit[git commit]
 Commit --> Deploy[Deploy]

La Configuración

Le expliqué el problema a Claude: las entradas necesitan imágenes de vista previa social, pero no quiero crearlas manualmente. Captura el contenido del artículo, guárdalo como imagen OG, actualiza el frontmatter automáticamente.

Mi Ingeniero de QA es un LLM

Fri, 09 Jan 2026 00:00:00 +0000

Claude puede hacer clic en botones.

Suena trivial, pero cambia cómo construyo interfaces de usuario. Con Playwright MCP, Claude no solo escribe código—abre un navegador, navega a localhost y verifica que las cosas realmente funcionen. Detecta errores que pasaría por alto en revisiones de código.

La Configuración

Playwright MCP le da a Claude automatización de navegador. Lo ejecuto con Chromium sin interfaz gráfica:

{
 "mcpServers": {
 "playwright": {
 "command": "npx",
 "args": ["@anthropic-ai/mcp-server-playwright", "--headless"]
 }
 }
}

Ahora Claude puede navegar, hacer clic, escribir y tomar capturas de pantalla. Ve lo que los usuarios ven.

Creando Mi Propio Boletín con Claude

Wed, 07 Jan 2026 00:00:00 +0000

Segundo día del pico de tráfico de Hacker News. Cuarenta mil visitantes, sin forma de contactarlos nuevamente. Necesitaba un formulario de suscripción para el boletín.

Revisé Buttondown, Beehiiv, Substack, ConvertKit. Todo era excesivo. Solo necesitaba recopilar correos electrónicos. No necesitaba campañas, análisis ni gestión de suscriptores. Y quería ser dueño de mis datos.

Así que le pedí a Claude que lo construyera.

flowchart LR
 User([User]) --> Form[Newsletter Form]
 Form -->|POST /api/subscribe| Worker[Cloudflare Worker]
 Worker --> KV[(Cloudflare KV)]
 KV -.->|Daily sync| GHA[GitHub Actions]
 GHA -.-> Repo[(subscribers.jsonl)]

flowchart TB
 User([User]) --> Form[Newsletter Form]
 Form -->|POST /api/subscribe| Worker[Cloudflare Worker]
 Worker --> KV[(Cloudflare KV)]
 KV -.->|Daily sync| GHA[GitHub Actions]
 GHA -.-> Repo[(subscribers.jsonl)]

La Configuración

Le di a Claude un token de API de Cloudflare a través de una variable de entorno y describí lo que quería: un formulario que recopile correos electrónicos y los almacene en un lugar que yo controlo.

Claude Code en Movimiento

Fri, 02 Jan 2026 00:00:00 +0000

Ejecuto seis agentes de Claude Code en paralelo desde mi teléfono. Sin portátil, sin ordenador de escritorio—solo Termius en iOS y una VM en la nube.

La Configuración

flowchart LR
 A[Phone] -->|Termius + mosh| B[Tailscale VPN]
 B --> C[Vultr VM]
 C --> D[Claude Code]
 D -->|PreToolUse hook| E[Poke webhook]
 E -->|Push notification| A

El ciclo es: iniciar una tarea, guardar el teléfono, recibir notificación cuando Claude necesite información. Desarrollo asíncrono desde cualquier lugar.

Dejando que la IA lo Haga

Sun, 28 Dec 2025 00:00:00 +0000

Necesitaba un servidor de desarrollo: VM con acceso SSH y herramientas de desarrollo instaladas. Le describí lo que quería a Claude Code y dejé que se encargara de la configuración.

El Prompt

Pedí una VM de Vultr con 8 núcleos y 32GB de RAM, accesible solo a través de Tailscale, con sesiones persistentes que sobrevivan caídas de red.

Lo que Claude Code Construyó

1. Provisionó la VM a través de la API de Vultr

Traducciones Automáticas del Blog con Claude y GitHub Actions

Tue, 23 Dec 2025 00:00:00 +0000

Cada publicación que escribo se traduce automáticamente. Claude maneja la traducción, confirma los resultados en main, y las versiones traducidas se despliegan junto con la original.

El Flujo

El flujo de trabajo de traducción se ejecuta en GitHub Actions cuando el contenido en inglés se fusiona a main:

on:
 push:
 branches: [main]
 paths:
 - 'content/**/*.en.md'

flowchart LR
 B[Fusionar a main] --> C[Traducciones generadas]
 C --> D[Confirmado en main]
 D --> E[Despliegue a producción con todos los idiomas]

El Prompt

El flujo de trabajo usa claude-code-action:

Acerca de

Mon, 22 Dec 2025 00:00:00 +0000

Resumen

Este documento proporciona información general sobre el autor de este blog.

1. Antecedentes

Ingeniero de software con 15 años de experiencia, 10 de ellos trabajando en el campo. Las áreas de enfoque incluyen:

Sistemas distribuidos
Desarrollo backend e infraestructura
Desarrollo full-stack y de producto de extremo a extremo
Diseño de interfaz de usuario
Construcción de sistemas seguros y confiables

2. Contacto

Siempre feliz de conectar con otros en la industria: @mtt

Acerca de

Mon, 22 Dec 2025 00:00:00 +0000

Resumen

Este documento describe la metodología de autoría empleada en este blog.

1. Introducción

Este blog se genera en gran medida con la asistencia de Modelos de Lenguaje de Gran Escala (LLMs). El autor proporciona dirección, edición y control de calidad; la máquina proporciona borradores iniciales y traducciones.

2. Justificación

El autor cree en la transparencia con respecto a la creación de contenido asistida por AI. En lugar de ocultar las herramientas utilizadas, esta divulgación tiene como objetivo:

Hola Mundo

Sat, 20 Dec 2025 00:00:00 +0000

¡Bienvenidos a mi blog! Esta es mi primera publicación.

Aquí compartiré ideas, notas y cosas que me parecen interesantes.