Stack

(Borrador generado por IA. Será reescrito por un humano más adelante.)

Una instantánea de con qué está construido techmeat.dev, las herramientas en las que me apoyo día a día y el flujo de trabajo que uso para publicar artículos y enviar funcionalidades con agentes de codificación.

Stack tecnológico

• Astro 6 en modo output: 'static'. Los artículos están en Markdown, renderizados a través de las colecciones de contenido de Astro.
• Solid.js mediante @astrojs/solid-js para las pocas islas interactivas: el conmutador de tema, el selector de idioma y el botón de copiar en los bloques de código.
• Bun como runtime, gestor de paquetes y ejecutor de pruebas. Sin npm, sin pnpm.
• Cloudflare Pages para el hosting; Cloudflare Web Analytics para el tráfico, sin cookies.
• satori + resvg para la generación en tiempo de compilación de tarjetas OG por artículo y por idioma.
• @vite-pwa/astro (Workbox) para una PWA instalable con un fallback sin conexión.
• @astrojs/sitemap + @astrojs/rss para el sitemap y los feeds RSS por idioma.

Herramientas

• oxlint + oxfmt: linter y formateador basados en Rust. Sin ESLint, sin Prettier.
• @astrojs/check para la comprobación de TypeScript dentro de los archivos .astro.
• lefthook para los hooks de pre-commit (lint + formato + comprobación de tipos en cada commit).
• bun:test como framework de pruebas.

Asistentes de IA

• Claude Code: el agente de codificación principal. El contexto del proyecto vive en CLAUDE.md y AGENTS.md.
• Superpowers skills: brainstorming, writing-plans, subagent-driven-development para funcionalidades no triviales.
• GPT-5.5: utilizado para una segunda revisión de código en cambios más grandes.
• Suite de skills de SEO / GEO: investigación de palabras clave, optimización de meta-tags, schema markup, auditoría on-page, auditor de calidad de contenido (CORE-EEAT) y optimizador de contenido GEO para motores de IA.

Hardware

• (Marcador de posición: lo rellenará el humano.)

Flujo de trabajo

Cada artículo y cada funcionalidad pasa aproximadamente por el mismo ciclo:

1. Capturar el objetivo y las restricciones en CLAUDE.md / AGENTS.md para que el agente tenga un contexto estable.
2. Hacer brainstorming sobre la forma del trabajo con Superpowers; producir una especificación de diseño.
3. Convertir la especificación en un plan de implementación con pasos concretos.
4. Ejecución dirigida por subagentes, con una revisión en dos etapas (cumplimiento de la especificación y luego calidad del código) por cada tarea.
5. Para los artículos: un pipeline de SEO + GEO en varias etapas antes de publicar.

El sentido de esta página es ser honesto sobre la cadena de herramientas para que los artículos puedan mantenerse centrados en el proceso en lugar de volver a explicar la configuración cada vez.