transparent-ui

SKILL.md

Build temporary debugging interfaces that make invisible system behavior visible. These are development-only routes/pages that reveal internal state, transitions, and data flow through interactive visualization.

Make the invisible visible. Show state that normally exists only in memory. Reveal transitions that happen too fast to observe. Surface the "why" behind system behavior.

Temporary by design. These are debugging tools, not production features. Keep changes isolated for easy removal. Use dev-only routes and environment checks.

Cree interfaces de depuración independientes que revelen el funcionamiento interno de sistemas complejos a través de visualización interactiva. Úselo cuando el usuario quiera comprender cómo funciona algo, depurar el estado interno, visualizar el flujo de datos, ver qué sucede cuando interactúa con el sistema o crear un panel de depuración para cualquier mecanismo complejo. Activadores de solicitudes como "No entiendo cómo funciona esto", "muéstrame qué está sucediendo", "visualiza la máquina de estado", "crea una vista de depuración para esto", "ayúdame a ver el flujo de datos", "haz esto transparente" o cualquier solicitud para comprender, depurar o visualizar el comportamiento interno del sistema. Se aplica a máquinas de estado, sistemas de representación, flujos de eventos, algoritmos, animaciones, canalizaciones de datos, cálculos CSS, consultas de bases de datos o cualquier sistema con funcionamiento interno no obvio. Fuente: petekp/agent-skills.

Ver original