show-me
Installation
SKILL.md
Show the current topic visually. Skip preamble. Pick the smallest view that makes the point, place it next to the short text it supports, and stop.
- Logic or algorithm → indented pseudocode
- Runtime control flow → call tree
- UI structure → component tree with file paths, state, and module boundaries that matter
- File responsibility or refactor → shallow annotated file tree
- Component, control, or data flow → Mermaid
- What changed, surrounding shape already exists → a
diffin the same shape as the topic - Most of it is new, omitted context hides ownership, or the user needs a copyable target → the whole block
- Visual UI, layout, state comparison, or a concept too dense for Mermaid → one focused HTML file matching the product's colors, type, spacing, and real labels; then
openshow-me-{description}.html
Keep only the calls, files, props, states, and boundaries needed for the current question. Use one or a few of these, never all of them.