Founding Member: $499/mes de por vida
Micare
Gestión de proyectos

Tablero de programa interactivo

Convierte los datos de tu planeación en un tablero de programa visual: un archivo HTML interactivo y autocontenido con carriles por frente x sprint, tarjetas con responsable y fecha, dependencias e hitos. Abre sin internet y se comparte por mensaje. Incluye PDF imprimible.

SkillPremiumGestión de proyectossprints y ceremonias

🌱 Empieza aquí · Tablero de programa interactivo

Esta semilla le enseña a tu asistente a convertir los datos de tu planeación en un tablero de programa visual: todos tus frentes de trabajo en carriles, con tarjetas de entregables por sprint, los hilos de dependencia entre frentes y las fechas clave marcadas.

La salida principal es un archivo HTML interactivo y autocontenido: abre sin internet en cualquier navegador (basta con doble clic) y se comparte por mensajería como un solo adjunto que funciona en el teléfono de quien lo recibe. Trae filtros, zoom y detalle al pasar el cursor sobre cada tarjeta. Además, si lo quieres para imprimir, genera una versión en PDF de máximo 3 páginas.

Para instalarla

Abre esta carpeta con Claude Code o Cowork y dile a tu asistente:

"Siembra esta semilla 🌱"

Con eso basta de tu parte. Tu asistente hace todo lo técnico y al final te dice cómo comprobar que quedó funcionando. Vas a ver algunas palabras en inglés en la pantalla; ni caso, él te guía.

¿Otras formas de pedírselo? "instala esta semilla", "pon a funcionar el tablero de programa", "haz el setup de esto". Te entiende igual.


Para el asistente que siembra 🤖

Esto es un skill (habilidad), no un hook (gancho de automatización). No necesita settings.json ni permisos de ejecución: los skills se descubren solos cuando viven en la carpeta correcta. Tu trabajo es copiar el kernel al lugar adecuado y verificar que quedó.

La salida principal (el HTML autocontenido) no requiere instalar nada más: usa solo el navegador. El PDF imprimible es opcional y, para compilarlo, conviene tener Typst (un motor de tipografía gratuito y de código abierto); avísale al usuario solo si pide el PDF.

1. Decide el alcance con el usuario

  • Alcance global (recomendado): disponible en todas las conversaciones del usuario. Va en $HOME/.claude/skills/safe-lord-pi-plan-visualization/.
  • Alcance de un proyecto: solo dentro de una carpeta específica. Va en <TU-RUTA>/.claude/skills/safe-lord-pi-plan-visualization/, donde <TU-RUTA> es la carpeta raíz del proyecto del usuario.

Si el usuario no tiene preferencia, usa el alcance global.

2. Copia el kernel

Copia todo el contenido de kernel/ (el SKILL.md y la plantilla datos.ejemplo.md) a la carpeta del skill.

Claude Code / Cowork (macOS o Linux), alcance global:

mkdir -p "$HOME/.claude/skills/safe-lord-pi-plan-visualization"
cp kernel/SKILL.md "$HOME/.claude/skills/safe-lord-pi-plan-visualization/SKILL.md"
cp kernel/datos.ejemplo.md "$HOME/.claude/skills/safe-lord-pi-plan-visualization/datos.ejemplo.md"

Windows (PowerShell):

New-Item -ItemType Directory -Force "$HOME\.claude\skills\safe-lord-pi-plan-visualization"
Copy-Item kernel\SKILL.md "$HOME\.claude\skills\safe-lord-pi-plan-visualization\SKILL.md"
Copy-Item kernel\datos.ejemplo.md "$HOME\.claude\skills\safe-lord-pi-plan-visualization\datos.ejemplo.md"

No hace falta chmod: son archivos de texto que el asistente lee, no programas que se ejecuten.

Si tu asistente es Codex (que no autodescubre "skills con nombre" como Claude Code): no hay carpeta de skills que copiar. En su lugar, pega el contenido de kernel/SKILL.md dentro de tu archivo de instrucciones AGENTS.md (o guarda el archivo en el proyecto y agrégale un puntero, por ejemplo: "Al armar un tablero de programa, aplica el método de SKILL.md"). Así el método se carga con el resto de tus instrucciones y lo aplicas tú mismo cuando pidas el tablero. La plantilla datos.ejemplo.md la usas igual (paso 3), y la verificación se reduce a la prueba de comportamiento (paso 4, Parte B): no hay archivo en carpeta de skills que listar.

3. (Opcional) Aterriza el método al caso del usuario

El skill funciona tal cual, con ejemplos genéricos. Para que el tablero salga con los datos reales del usuario desde el primer intento, abre datos.ejemplo.md y llénalo con él: sus frentes con su color, sus sprints, sus hitos (con responsable y fecha), sus dependencias y sus hitos clave. Es opcional, pero mejora mucho el resultado.

4. Verificación post-siembra (obligatoria)

Parte A · el archivo quedó en su lugar y con el nombre correcto:

ls -la "$HOME/.claude/skills/safe-lord-pi-plan-visualization/SKILL.md" && grep -m1 '^name:' "$HOME/.claude/skills/safe-lord-pi-plan-visualization/SKILL.md"; echo "exit=$?"

Salida esperada (el archivo listado + la línea del nombre + exit=0):

-rw-r--r--  1 usuario  staff  ...  SKILL.md
name: safe-lord-pi-plan-visualization
exit=0

Si sale No such file or directory, la copia no se hizo; repite el paso 2.

Parte B · prueba de comportamiento (que el método esté vivo). Los skills se cargan al inicio de la conversación, así que reinicia la sesión primero. Luego pídele al asistente un tablero de prueba mínimo, por ejemplo:

"Arma un tablero de programa de prueba: 3 frentes, 3 sprints, unos 5 hitos con responsable y fecha, una dependencia entre dos frentes y un hito clave. Dámelo como un archivo HTML autocontenido que abra sin internet."

La conducta correcta es que el asistente genere un solo archivo .html con todo el estilo y el código incrustado adentro (sin enlaces a servidores externos), con carriles por frente x sprint, tarjetas que digan nombre + responsable + fecha, el hilo de la dependencia y el ancla del hito clave. Ábrelo con doble clic sin conexión para confirmar que funciona offline. Si en su lugar produce algo que necesita internet para verse, o tarjetas con solo un código sin nombre, el skill no se cargó bien: revisa que SKILL.md esté en la carpeta de skills.

Cuando ambas partes pasen, avísale al usuario en una línea qué gana con esto.


✅ ¿Cómo sé que funcionó?

De ahora en adelante, cuando pidas "visualiza el incremento" o "arma el tablero de programa", tu asistente te entrega un archivo que abre solo, sin internet, con todos tus frentes en sus carriles, las tarjetas de entregables con su responsable y su fecha, los hilos de dependencia y las fechas clave marcadas. Lo puedes mandar por mensajería y quien lo reciba lo abre en su teléfono. Tú solo le das tus datos (o dejas que lea tu backlog), lo revisas cuando te lo manda, y le pides los ajustes que quieras hasta que quede como lo necesitas. 🌱

Inspiración y crédito

Fuentes y patrones abiertos que inspiraron esta semilla. Nos gusta reconocer de dónde vienen las buenas ideas.

  • SAFe (Scaled Agile Framework, marca de Scaled Agile, Inc.): los conceptos de "program board" (tablero de programa), frente de trabajo (ART) y planeación por incrementos (PI Planning) se adoptan como vocabulario de planeación, sin el material, la certificación ni la terminología con derechos del marco comercial.
  • Teoría de Restricciones y el enfoque en el cuello de botella, de Eliyahu M. Goldratt, "The Goal" (1984), usada en la página de estado del tablero.
  • Typst (motor de tipografía de código abierto, licencia Apache-2.0): es la herramienta que compila la versión PDF imprimible del tablero.

¿Quieres implementarla con acompañamiento?

Agenda una asesoría directa con JP y aterrízala en tu caso · desde $600 MXN.

Agendar una asesoría