trees

Original：🇺🇸 English

Translated

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.

2installs

Sourcepierrecomputer/pierre

Added on2026-08-20

NPX Install

npx skill4agent add pierrecomputer/pierre trees

SKILL.md Content

View Translation Comparison →

@pierre/trees

Use

@pierre/trees

for an interactive file tree. Public state and callbacks use path strings.

Install

bash

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

trees

NPX Install

Tags

SKILL.md Content

`@pierre/trees`

Install

Select an API reference

Select a recipe