# Show Me The Components

Show how a react component tree is structured

- Repository: https://github.com/humanlayer/humanlayer (12740 stars)
- Category: Engineering
- License: Apache-2.0
- Last updated: 2026-10-31
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add humanlayer/humanlayer --skill show-me-the-components -g -a claude-code -y`
Codex: `npx skills add humanlayer/humanlayer --skill show-me-the-components -g -a codex -y`
Cursor: `npx skills add humanlayer/humanlayer --skill show-me-the-components -g -a cursor -y`
Gemini CLI: `npx skills add humanlayer/humanlayer --skill show-me-the-components -g -a gemini-cli -y`

## Description

Show how a react component tree is structured

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

show me how the different component trees would look  and which apps/... or packages/... its from

<component> (apps/...)
   useState...
   ...
   <compoenent> (packages/...)
     ...
     
like just outline the tree in each case