Samsar.

Publicaciones & Reflexiones

Cuaderno de campo & Blog

Exploraciones técnicas, manuales de arquitectura, apuntes de inteligencia artificial y crónicas de videojuegos desarrollados en familia.

Samsar|Dev

Accesibilidad Web desde los Cimientos: Por qué tu Div con onClick es Deuda Técnica

Por qué la accesibilidad no es un parche cosmético sino arquitectura: árboles de accesibilidad, foco visible, contraste WCAG AA y semántica nativa.

5 min de lectura
accesibilidada11y
Samsar|Dev

Guía Práctica: Cómo Solucionar el Fondo Blanco de Shiki en Modo Oscuro con Tokens de Diseño

Receta directa en tres pasos para erradicar el fondo blanco en bloques de código de Astro, conectar tokens semánticos y asegurar accesibilidad WCAG AAA.

4 min de lectura
astroshiki
Samsar|Dev

El Fin del Monopolio de las SPAs: Arquitectura de Islas e Hidratación con Astro y Vue 3

Por qué convertir sitios de contenido en SPAs completas destruye el rendimiento y cómo la arquitectura de islas permite 100 en Lighthouse sin perder interactividad.

4 min de lectura
astrovue
Samsar|Dev

Anatomía de Shiki en Astro: Gramáticas TextMate y la Batalla de Especificidad en Modo Oscuro

Cómo compila Shiki en tiempo de build, por qué los estilos inline colisionan con el modo oscuro y cómo domesticar la especificidad con tokens semánticos.

3 min de lectura
astroshiki
Samsar|Dev

La Batalla contra el FOUC: Cómo Piensa un Navegador y por qué tu Modo Oscuro Parpadea

Entendiendo el pipeline de renderizado del navegador, el bloqueo en el head y por qué los frameworks llegan tarde para evitar el destello blanco.

4 min de lectura
frontendarquitectura
Samsar|Dev

Mermaid en la Práctica: Modelando Arquitectura de Software y Datos

Guía práctica con casos de uso reales: flujogramas de seguridad, diagramas de secuencia Text-to-SQL y mapas de arquitectura.

2 min de lectura
mermaidarquitectura
Samsar|Dev

Diagramas como Código: Integrando Mermaid en Astro con Alto Rendimiento

Cómo renderizar diagramas interactivos en Markdown y MDX con carga perezosa condicional, cuidando Lighthouse y los temas oscuro/claro.

3 min de lectura
astromermaid
Samsar|IA

La Ilusión de Certeza: Por qué Auditar Cada Línea de la IA

Por qué los modelos de lenguaje redactan con autoridad impecable pero introducen fallas críticas de diseño y cómo aplicar revisión adversarial.

4 min de lectura
iaarquitectura
Samsar|Dev

Auditando a la IA: De la v1.0 a la v1.1 en Senda|Insight

Desglose técnico de las inconsistencias detectadas en la especificación inicial de Senda|Insight y cómo blindamos la v1.1.

4 min de lectura
arquitecturaseguridad
Samsar|IA

De la Pregunta al Dato Seguro: Validación AST en Text-to-SQL

Por qué no debes confiar la seguridad a un prompt y cómo blindamos consultas generadas por IA usando sqlglot en Senda|Insight.

3 min de lectura
iasql
Samsar|IA

Preludio: Diseñando Senda|Insight junto a la IA

Cómo utilizamos la técnica de sparring arquitectónico (/grill-me) para definir la especificación técnica de Senda|Insight antes de escribir código.

3 min de lectura
iaarquitectura
Samsar|Games

Diseño lúdico y pedagogía compartida con mi hijo

Reflexiones sobre el desarrollo de videojuegos familiares y cómo el juego conjunto fortalece el pensamiento creativo.

1 min de lectura
videojuegospedagogia
Samsar|IA

Primeros pasos con sistemas multi-agente y MCP

Descubriendo el potencial del Model Context Protocol para orquestar agentes autónomos especializados.

1 min de lectura
iaagentes
Samsar|Dev

Guía práctica de Clean Architecture en Frontend

Cómo estructurar aplicaciones web escalables desacoplando la lógica de negocio de frameworks y librerías de UI.

1 min de lectura
arquitecturaclean-code