--- type: CP asset_id: CP-XX-ComponentHomes-v01 version: v01 status: Borrador — pilotado con WORX OS (2026-07-11) owner: Victor Heredia sherpa_owner: Jay ratificador: Victor Heredia fecha_creacion: 2026-07-11 intellibank: IB-XX-Maestro subbank: — proposito: Estándar de los "Homes de Componente" — el home canónico de cada frente estratégico del ecosistema (WORX OS, IntelliBanks, Skill Factory, EmpowerScan, Factoría Editorial, MacroLoopX, Brain Codes, Demand Gen). Define la anatomía, el naming y cómo conectan con el menú de HOY y el grafo del ecosistema. relacionados: "CP-XX-DashboardGovernance-v01 (convención de mini-sitios) · EL-DashboardStandard-v01.js (kit: SITES) · VIZ-EL-Ecosistema-GrafoPortafolio-v01 (grafo) · ARQ-EL-HyperLoopX-MejoraRecursiva (cadencia)" tags: [component-home, mini-sitio, bitacora, gobernanza, ecosistema, data-site] --- # Estándar — Homes de Componente > **BLUF.** Un **Home de Componente** es el home canónico de un frente estratégico del ecosistema: un **mini-sitio con menú propio**, una **bitácora de avances viva**, un **índice curado de sus documentos**, y un **nodo en el grafo del ecosistema**. No es un concepto nuevo — es el ensamblaje estandarizado de piezas que ya existen (mini-sitios `data-site`, freshness, grafo), más el único elemento nuevo: la **bitácora**. ## Por qué existe Los frentes estratégicos (WORX OS, IntelliBanks, …) acumulan documentación dispersa y avances que nadie registra en un solo lugar. Cada frente merece "vida propia": un home que se navega solo, que lleva su propia bitácora de avances, que cura sus docs y que se conecta al mapa del ecosistema — sin el menú general de EL HOY encima. ## Anatomía — los 5 elementos obligatorios 1. **Home mini-sitio** — página `BRD---Home-v01.html` con **menú propio** (reusa la convención de mini-sitios: atributo `data-site` + mapa `SITES` en el kit). Sus páginas ligadas llevan el menú del componente, NO el de HOY. Ver `CP-XX-DashboardGovernance-v01` §Mini-sitios. Convenciones del home (fijadas en el piloto WORX OS): - **Hero title:** título grande (~50% mayor, `clamp(33px,4.6vw,40px)`) con **gradiente horizontal** recortado al texto (look del Home de la Wiki); imagen opcional después. - **Orden de secciones:** Resumen → **Componentes** → **Bitácora** → Docs canónicos. - **Salida al ecosistema** (EmpowerLabs · HOY) vive en el **widget** del kit (botón 🏢, aparece solo en mini-sitios), **no** en el menú del componente. - **Footer de mantenimiento:** al pie, el asset-id del home + el URL del/los documento(s) que **rigen** el documento (empezando por este estándar `CP-XX-ComponentHomes-v01.md`) + referencia canónica del componente. 2. **Bitácora de avances** *(elemento nuevo)* — un changelog vivo, fechado, dentro del home (sección `#bitacora`). Cada entrada: **fecha · qué avanzó · quién · link**. Es el log que faltaba: se actualiza cada vez que el frente se mueve. Formato mínimo: > `2026-07-11 · Se pilotó el patrón de Home de Componente · Victor·Jay · [link]` 3. **Índice de docs canónicos** — sección `#docs` con los documentos vivos del frente (ARQ, SPEC, SOP, CP…), curada — no todos, solo los que importan. 4. **Nodo en el grafo del ecosistema** — el componente es un nodo en `VIZ-EL-Ecosistema-GrafoPortafolio` (versión interna, con link al home). Enlace bidireccional: el grafo apunta al home y el home apunta al grafo. 5. **Cadencia de cuidado** — `data-updated` fresco + revisión periódica atada al **barrido semanal de HyperLoopX** (detecta homes con bitácora estancada o docs en DRIFT). ## Naming y activación - Home: `BRD---Home-v01.html`, viviendo en la carpeta del componente. - Mini-sitio: `data-site=""` en `` + una entrada en `SITES` (kit) con `home` + `sections` (menú propio) + sección "↩ Ecosistema" con salida a EL HOY. - El color de firma sigue viniendo de `data-group` (el componente vive dentro de su familia). ## Los Homes de Componente (registro canónico) | Componente | `data-site` | Home actual | Estado | |---|---|---|---| | **WORX OS** (incl. SOOI teórico + SOO) | `worxos` | `BRD-EL-WORXOS-Home-v01.html` | ✅ Piloto 2026-07-11 | | **IntelliBanks** (app interno · playbook implementación · mejoras) | `intellibanks` | `BRD-XX-IntelliBanks-Home-v01.html` | ✅ Home creado 2026-07-12 | | **Skill Factory** (plugins+marketplace · Playbook interno · MasterPlaybook público) | `skillfactory` | `BRD-EL-SkillFactory-Home-v01.html` | ✅ Home creado 2026-07-12 | | **EmpowerScan** | `empowerscan` | `BRD-EL-EmpowerScan-Home-v01.html` | ✅ Home creado 2026-07-12 | | **Factoría Editorial** | `factoriaeditorial` | `BRD-MPX-FactoriaEditorial-Home-v01.html` | ✅ Home creado + dashboard tageado 2026-07-12 | | **MacroLoopX** | `macroloopx` | `BRD-EL-MacroLoopX-Home-v01.html` | ✅ Home creado 2026-07-12 | | **Brain Codes** | `braincodes` | `BRD-EL-BrainCodes-Home-v01.html` | ✅ Home creado 2026-07-12 | | **Demand Gen** | `dg` | `BRD-EL-DG-Home-v01.html` | ✅ Ya es mini-sitio | | **SOO** (sub-componente de WORX OS) | `soo` | `BRD-EL-SOO-Home-v01.html` | ✅ Ya es mini-sitio | ## Conexión con HOY y el grafo - **Menú de HOY** → sección **"🧩 Componentes del ecosistema"** (en `EL-DashboardStandard-v01.js`) lista los homes. Es la puerta de entrada; adentro, cada componente navega con su propio menú. - **Grafo del ecosistema** → dos versiones de `VIZ-EL-Ecosistema-GrafoPortafolio`: una **interna** (nodos con link al home de cada componente, para navegar el ecosistema) y una **pública/didáctica** (Demand Gen, sin links internos). ## Gobernanza Crear un Home de Componente nuevo = (1) crear el home con los 5 elementos, (2) agregar su entrada a `SITES` en el kit + tagear sus páginas `data-site`, (3) agregarlo a la sección de HOY, (4) cablear su nodo en el grafo interno, (5) registrarlo. Cambiar el estándar = editar solo este doc + el kit, y re-propagar. Se versiona. --- *CP-XX-ComponentHomes-v01 · IB-XX-Maestro · v01 · 2026-07-11 · Owner: Victor · Sherpa: Jay · Diseñado con BCA-Fable (P2)*