slide-shell · v0.3.0+

SlideTOC

Agenda con chapter cards en grid 2-cols. Cada card tiene número 44×44 + título display + body + duration pill. Estados visuales: current (gradient cobalto + glow), past (opacity 0.5 + ✓ verde), future (default).

Vista global (current=null · escala 0.55)

Agenda

Lo que vamos a recorrer en 90 minutos

6 capítulos. La mitad del tiempo en hands-on real. El output del taller no es la herramienta funcionando — es tu veredicto razonado.

01
El problema
Context budget reventado y RAG vectorial cross-doc.
5 min
02
Knowledge graph
Nodes + edges + triples. La idea Karpathy.
8 min
03
Anatomía + outputs
Las 4 capas de Graphify y los 5 outputs.
10 min
04
Cuadrante de decisión
Graphify vs GitNexus vs vector RAG vs agentic.
12 min
05
Hands-on
Setup + primera ejecución, skill + queries.
50 min
06
Más allá + cierre
MCP, incremental, save-result. Takeaways y QR.
15 min

Con progreso (current=2)

Agenda

Estamos aquí

01
El problema
Context budget reventado y RAG vectorial cross-doc.
5 min
✓
02
Knowledge graph
Nodes + edges + triples. La idea Karpathy.
8 min
✓
03
Anatomía + outputs
Las 4 capas de Graphify y los 5 outputs.
10 min
04
Cuadrante de decisión
Graphify vs GitNexus vs vector RAG vs agentic.
12 min
05
Hands-on
Setup + primera ejecución, skill + queries.
50 min
06
Más allá + cierre
MCP, incremental, save-result. Takeaways y QR.
15 min

Uso

invocación
<SlideTOC
  eyebrow="Agenda"
  title="Lo que vamos a recorrer en 90 minutos"
  titleHighlight="90 minutos"
  lead="6 capítulos."
  current={2}
  chapters={[
    { title: 'El problema', body: '...', duration: '5 min' }
  ]}
/>

Props

PropTipoDefaultDescripción
eyebrowstring'Agenda'Eyebrow del slide.
titlestring''Título.
titleHighlightstring''Substring del título a destacar con gradiente.
leadstring''Párrafo intro (acepta HTML inline como <strong>).
chapters{ title; body?; duration? }[][]Items de la agenda.
currentnumber | nullnullÍndice 0-based del chapter activo. null = vista global (todos future).