show-me (Claude Code Skill)
github.com/humanlayer/skills- Category
- Developer Tools
- Rank
- No. 2761Tools index
Previous survey · No. 2643 ·
- Pricing
- Open Source
- Type
- TOOL
- Use case
- Coding
- Interfaces
- Agent Skill / Plugin
- Builder
- @rekram11
- GitHub
- 5.5k stars
- Date
About
A Claude Code skill that automatically visualizes the current coding topic using concise diagrams — pseudocode, call trees, component trees, file trees, and Mermaid sequence diagrams — choosing the smallest representation that clarifies the point, and using diffs when only a change needs to be shown. It's one of several skills in HumanLayer's open skills repo, installable via a single npx command.
What it does
The page describes a skill file that instructs an AI coding assistant to illustrate whatever topic is under discussion with the smallest suitable sketch, picking from pseudocode, call trees, component trees, file trees, Mermaid diagrams, or diffs, and to build a standalone HTML visual when the concept is too dense for a diagram.
Stated on the product site
- Purpose statement
- The skill's stated goal is to help a user understand the current topic visually using diagrams, code-shape sketches, and HTML artifacts
- Output types
- It defines multiple diagram formats it can produce, including a component tree format for showing UI structure and module boundaries
- Output handling
- For dense visuals it writes a standalone HTML file and opens it for the user via a shell command
- Distribution
- The skill file is hosted inside a public repository that bundles multiple plugins, browsed through GitHub's file viewer rather than as a standalone project page
Not stated on the site
- Installation steps beyond the file's location in the repository are not shown on this page.
- Whether the skill is compatible with AI assistants other than the one it was written for is not addressed here.
- No example output images or rendered diagrams from actual use are shown on the page.
- Pricing or licensing terms are not stated on this page.
Written from the product site at github.com.
What it can do
Generate diagrams visualizing the current coding topic
Coding topic/context → Diagram (pseudocode, call tree, component tree, file tree, or Mermaid sequence diagram)
Show diffs to illustrate a code change
Code change → Diff visualization
Select the smallest diagram representation that clarifies a point
Coding topic/context → Chosen diagram type
Tags
Comments (0)
No comments yet
Editorially curated, with community endorsements as a secondary signal. Corrections welcome.