trees
Use when an app uses @pierre/trees to render or control a file tree, including React, vanilla JavaScript, SSR, web components, selection, search, rename, drag and drop, icons, git status, and themes.
How do I install this agent skill?
npx skills add https://github.com/pierrecomputer/pierre --skill treesIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill provides comprehensive documentation and implementation recipes for the @pierre/trees library, a tool for rendering interactive file trees. No security risks or malicious patterns were identified.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
@pierre/trees
Use @pierre/trees for an interactive file tree. Public state and callbacks use
path strings.
Install
pnpm add @pierre/trees
Install react and react-dom when the app uses the React entry.
Select an API reference
| Entry | Reference |
|---|---|
@pierre/trees | Core API |
@pierre/trees/react | React API |
@pierre/trees/ssr | SSR API |
@pierre/trees/web-components | Web components API |
Select a recipe
| Task | Recipe |
|---|---|
| Render and update a tree in React | Use React |
| Render and update a tree without React | Use vanilla JavaScript |
| Preload a tree on the server | Use SSR |
| Apply a resolved Shiki or VS Code theme | Apply a theme |
| Configure search, rename, drag and drop, and git status | Add interactions |
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/pierrecomputer/pierre/trees">View trees on skillZs</a>