---
name: humanlayer-show-me-the-components
description: "Show how a react component tree is structured"
license: "Apache-2.0"
metadata:
  decimalai-skill-id: "a47efbda-ce88-4269-8b39-8aa5162924a2"
  decimalai-version-id: "e7a56369-caf0-4a1a-bf30-972b091c7701"
  decimalai-version: "1"
  decimalai-body-sha256: "a1a4be232911cd3e9c0a93b048698ce79f9567c434bfe2453490842fbb537933"
  decimalai-name: "humanlayer/show-me-the-components"
  decimalai-format: "1"
  decimalai-invocation: "model"
  decimalai-category: "frontend"
  decimalai-source: "https://app.decimal.ai/s/humanlayer-show-me-the-components@1/SKILL.md"
---
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