🍱 Obsidian-Bento: Dashboard Modular y Dossier Visual Bento Grid para Obsidian

🍱 Obsidian-Bento — Dashboard Modular & Bento Grid UI

Sistema de Dashboards Visuales en Cuadrícula Estilo Bento para Bóvedas de Obsidian

Obsidian-Bento es una iniciativa de diseño de interfaz modular que traslada la estética moderna de los Bento Grids (inspirados en los layouts de Apple y tendencias web contemporáneas) al interior de Obsidian. Permite estructurar dashboards de inicio, resúmenes de proyectos y dossiers profesionales completos dentro de notas en Markdown con tarjetas asimétricas, métricas clave y enlaces visuales directos.

• 💻 Repositorio GitHub: github.com/Alecwce/Obsidian-Bento (Privado)
• 🍱 Formato: Obsidian Flavored Markdown + CSS Snippets Bento + Canvas

---

✨ Concepto y Módulos Bento

flowchart TD
    subgraph Dashboard["🍱 Tablero Bento Grid en Obsidian"]
        Bio["👤 Perfil & Dossier\n(Alex Lazo • Chupaca, Junín)"]
        Stack["⚡ Stack Tecnológico\n(+30 tecnologías clasificadas)"]
        Projects["🚀 Muestrario de Proyectos\n(Acceso rápido a bóvedas y repos)"]
        AI["🤖 Asistente IA & RAG\n(Gemini, Pinecone, LangChain)"]
        Tasks["✅ Métricas y Tareas\n(Estado de notas y objetivos diarios)"]
    end

1. Diseño Asimétrico Estilo Bento:
   • Organización en cuadrículas responsivas con tarjetas de diferentes jerarquías visuales (1x1, 2x1, 2x2) que aprovechan el ancho del workspace.
2. Dossier de Habilidades y Trayectoria:
   • Mapeo estructurado del arsenal tecnológico acumulado (React 19, Next.js 15, Svelte 5, Astro, Tauri, Rust, Flutter, Python, Gemini 2.5 Flash).
3. Navegación Visual Instantánea:
   • Tarjetas interactivas con wikilinks que conectan directamente con notas troncales de la bóveda como 00_Metas, 01_Rutinas y 04_Proyectos.
4. Integración con CSS Snippets:
   • Estilos CSS desacoplados que respetan el tema activo de Obsidian (tanto modo oscuro como claro) sin romper con actualizaciones del core.

---

🛠️ Especificación Técnica del Layout

Módulo Bento	Propósito	Implementación
Bento Hero Card	Presentación personal, biografía y localización	Bloque Markdown con clase .bento-hero
Stack Grid	Píldoras visuales de tecnologías dominadas	Grid flex con badges de estado
Portafolio Showcase	Enlaces a proyectos de software clave	Cards con metadatos y enlaces a repositorios
RAG & IA Hub	Monitoreo de integraciones con LLMs	Enlaces a notas de configuración de APIs y modelos

---

🔗 Relación con la Bóveda Ryukami Labs

• 🏠 Panel Principal: Diseñado como alternativa visual complementaria al Panel Central de Ryukami Labs y al catálogo de Proyectos Privados.
• 📚 Ecosistema de Obsidian: Vinculado con GitFácil y Markdown Vault Tauri.