From 6644204e773ab87fefb617fb60f7455cda9c7b25 Mon Sep 17 00:00:00 2001
From: Daniel Poveda <izenynn@gmail.com>
Date: Sun, 12 Oct 2025 23:36:57 +0200
Subject: [PATCH] doc: add images to readme

---
 Docs/Images/DataLayer_1.png         |  3 +++
 Docs/Images/DecisionBlueprint_1.png |  3 +++
 Docs/Images/Lines_1.png             |  3 +++
 Docs/Images/Lines_2.png             |  3 +++
 Docs/Images/Overview_1.png          |  3 +++
 README-es.md                        | 11 +++++++++++
 README.md                           | 11 +++++++++++
 7 files changed, 37 insertions(+)
 create mode 100644 Docs/Images/DataLayer_1.png
 create mode 100644 Docs/Images/DecisionBlueprint_1.png
 create mode 100644 Docs/Images/Lines_1.png
 create mode 100644 Docs/Images/Lines_2.png
 create mode 100644 Docs/Images/Overview_1.png

diff --git a/Docs/Images/DataLayer_1.png b/Docs/Images/DataLayer_1.png
new file mode 100644
index 0000000..709ee71
--- /dev/null
+++ b/Docs/Images/DataLayer_1.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8dc471923a8be0716637475b8550a4e355e13b8cfcaf531b95794758d3094b5e
+size 90768
diff --git a/Docs/Images/DecisionBlueprint_1.png b/Docs/Images/DecisionBlueprint_1.png
new file mode 100644
index 0000000..b886837
--- /dev/null
+++ b/Docs/Images/DecisionBlueprint_1.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d94df71d7bbae725b1067b80b3ea7ed9ab2a9c8386fe99c8326c24ca683d66ce
+size 6835
diff --git a/Docs/Images/Lines_1.png b/Docs/Images/Lines_1.png
new file mode 100644
index 0000000..fc27dac
--- /dev/null
+++ b/Docs/Images/Lines_1.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7dfe3669b88b7dd56972f739dbe70e99a71731d3b57d44dab1a64043bb80993f
+size 510748
diff --git a/Docs/Images/Lines_2.png b/Docs/Images/Lines_2.png
new file mode 100644
index 0000000..cb67943
--- /dev/null
+++ b/Docs/Images/Lines_2.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bab2d29db98f35b5cec1fad127ad89f97a23cc446502faa5d3dbe1fa2fc70719
+size 543266
diff --git a/Docs/Images/Overview_1.png b/Docs/Images/Overview_1.png
new file mode 100644
index 0000000..12fc69a
--- /dev/null
+++ b/Docs/Images/Overview_1.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:30bc5546260e51d65f48d7dacc9cfefb7e848c2ea70612fb9f4e61230d1e9760
+size 303421
diff --git a/README-es.md b/README-es.md
index d9d3064..c7d1ba1 100644
--- a/README-es.md
+++ b/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
diff --git a/README.md b/README.md
index bbf7c67..fe00bad 100644
--- a/README.md
+++ b/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