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.

Install
npx skills add 'https://github.com/pierrecomputer/pierre/tree/main/skills/trees'
Download bundle ↓
main · 1831817Scanned 2026-09-15

Contributors

GitHub-linked commit authors for this SKILL.md at the saved revision. Co-authors and history before file renames are not included.

File history ↗
View on GitHub

@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

EntryReference
@pierre/treesCore API
@pierre/trees/reactReact API
@pierre/trees/ssrSSR API
@pierre/trees/web-componentsWeb components API

Select a recipe

TaskRecipe
Render and update a tree in ReactUse React
Render and update a tree without ReactUse vanilla JavaScript
Preload a tree on the serverUse SSR
Apply a resolved Shiki or VS Code themeApply a theme
Configure search, rename, drag and drop, and git statusAdd interactions
Discovery context

Discovered by repository scan. No exact path reference found in the snapshot’s root AGENTS.md.