$npx -y skills add ItsWendell/palot --skill trees --agent claude-code
Installs into .claude/skills of the current project.
Are you the author of Trees?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/itswendell-trees)
---
name: trees
description: Use when changing Palot file-tree behavior built on @pierre/trees, especially
the Changes tab tree, selection, search, rename, drag and drop, Git status, or
theme integration. Do not use for generic tree data structures.
---
# `@pierre/trees`
Modified by Palot contributors for Palot-specific scope and Vite+ installation
guidance. See [NOTICE.md](NOTICE.md) for the pinned upstream source and
[LICENSE.md](LICENSE.md) for the Apache-2.0 license.
Use `@pierre/trees` for an interactive file tree. Public state and callbacks use
path strings.
## Install
```bash
vp add @pierre/trees
```
Run the install command from `apps/desktop`. Install `react` and `react-dom` when the app uses the React entry.
## Select an API reference
| Entry | Reference |
| ------------------------------ | ------------------------------------------------------ |
| `@pierre/trees` | [Core API](references/api-core.md) |
| `@pierre/trees/react` | [React API](references/api-react.md) |
| `@pierre/trees/ssr` | [SSR API](references/api-ssr.md) |
| `@pierre/trees/web-components` | [Web components API](references/api-web-components.md) |
## Select a recipe
| Task | Recipe |
| ------------------------------------------------------- | ------------------------------------------------------ |
| Render and update a tree in React | [Use React](references/recipe-react.md) |
| Render and update a tree without React | [Use vanilla JavaScript](references/recipe-vanilla.md) |
| Preload a tree on the server | [Use SSR](references/recipe-ssr.md) |
| Apply a resolved Shiki or VS Code theme | [Apply a theme](references/recipe-theme.md) |
| Configure search, rename, drag and drop, and git status | [Add interactions](references/recipe-interactions.md) |
