About show-me
A skill for explaining the current topic with a compact visual, choosing a format such as pseudocode, a call tree, Mermaid, a diff, or focused HTML. It is for users who need a concise visual alongside supporting text.
Key features
- 01Selects a visual format by topic
- 02Creates focused diagrams or trees
- 03Uses diffs for localized changes
- 04Builds HTML for visual UI concepts
Use cases
- 01Show an algorithm as pseudocode
- 02Map runtime flow or component structure
- 03Compare a code change with a diff
- 04Illustrate a UI concept in HTML
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/show-mein Claude Code to confirm it loaded.
Bundled filesagents/openai.yamlassets/codex-icon.svg
Details
From the project READMEShow 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.
Comments
Markdown supported