doc: add images to readme

README-es.md

@@ -9,6 +9,8 @@
 ### Resumen
 Un sistema completo de árbol de habilidades con progresión basada en nodos, validación de prerrequisitos, líneas de conexión visuales y configuración orientada a datos.
 
+![Overview 1](Docs/Images/Overview-1.png)
+
 ---
 
 ## Arquitectura: Decisión de Blueprint
@@ -20,6 +22,8 @@ Un sistema completo de árbol de habilidades con progresión basada en nodos, va
 - **Velocidad de iteración**: El diseño y estilización de UI requiere iteración visual rápida
 - **Amigable para diseñadores**: Artistas/diseñadores pueden modificar la UI sin conocimientos de C++
 
+![Decision Blueprint 1](Docs/Images/DecisionBlueprint_1.png)
+
 ---
 
 ## Sistemas Principales
@@ -32,6 +36,8 @@ Un sistema completo de árbol de habilidades con progresión basada en nodos, va
 
 **Decisión**: El diseño basado en Data Table permite a no programadores configurar habilidades sin recompilar.
 
+![Data Layer 1](Docs/Images/DataLayer_1.png)
+
 ### 2. Capa de Lógica (`SkillTreeComponent`)
 **Responsabilidades:**
 - Inicialización del árbol de habilidades desde DataTable
@@ -77,6 +83,11 @@ Un sistema completo de árbol de habilidades con progresión basada en nodos, va
 
 **Decisión**: Un único widget auto-contenido elimina la gestión manual de líneas y complejidad de Blueprint.
 
+<p align="center">
+  <img src="Docs/Images/Lines_1.png" alt="Lines 1" width="45%"/>
+  <img src="Docs/Images/Lines_2.png" alt="Lines 1" width="45%"/>
+</p>
+
 ### 5. Capa de UI (Blueprints)
 **WBP_SkillNode & WBP_SkillNodeTooltip:**
 - Muestra icono de habilidad, estado, coste

README.md

@@ -9,6 +9,8 @@
 ### Overview
 A complete skill tree system with node-based progression, prerequisite validation, visual connection lines, and data-driven configuration.
 
+![Overview 1](Docs/Images/Overview_1.png)
+
 ---
 
 ## Architecture: Blueprint Decision
@@ -20,6 +22,8 @@ A complete skill tree system with node-based progression, prerequisite validatio
 - **Iteration speed**: UI layout and styling require rapid visual iteration
 - **Designer-friendly**: Artists/designers can modify UI without C++ knowledge
 
+![Decision Blueprint 1](Docs/Images/DecisionBlueprint_1.png)
+
 ---
 
 ## Core Systems
@@ -32,6 +36,8 @@ A complete skill tree system with node-based progression, prerequisite validatio
 
 **Decision**: Data Table-driven design allows non-programmers to configure skills without recompiling.
 
+![Data Layer 1](Docs/Images/DataLayer_1.png)
+
 ### 2. Logic Layer (`SkillTreeComponent`)
 **Responsibilities:**
 - Skill tree initialization from DataTable
@@ -77,6 +83,11 @@ A complete skill tree system with node-based progression, prerequisite validatio
 
 **Decision**: Single self-contained widget eliminates manual line management and Blueprint complexity.
 
+<p align="center">
+  <img src="Docs/Images/Lines_1.png" alt="Lines 1" width="45%"/>
+  <img src="Docs/Images/Lines_2.png" alt="Lines 1" width="45%"/>
+</p>
+
 ### 5. UI Layer (Blueprints)
 **WBP_SkillNode & WBP_SkillNodeTooltip:**
 - Displays skill icon, state, cost