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.

創建獨立的調試界面，通過交互式可視化揭示複雜系統的內部工作原理。當用戶想要了解某些東西如何工作、調試內部狀態、可視化數據流、查看與系統交互時發生的情況或為任何復雜機制構建調試面板時使用。觸發諸如“我不明白這是如何工作的”、“告訴我發生了什麼”、“可視化狀態機”、“為此構建調試視圖”、“幫助我查看數據流”、“使其透明”等請求，或任何理解、調試或可視化內部系統行為的請求。適用於狀態機、渲染系統、事件流、算法、動畫、數據管道、CSS 計算、數據庫查詢或任何具有非明顯內部工作原理的系統。 來源：petekp/agent-skills。

查看原文