How do I install the Trees skill?

Run npx skillmds@latest add itswendell/trees in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Trees safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Trees?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Trees free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

itswendell (@itswendell) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Trees by itswendell — Agent Skill

Name: Trees
Author: itswendell

Trees

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.

itswendell 74b189e 12 files · 35.1 KB Updated Sep 17, 2026

File contents

`@pierre/trees`

Modified by Palot contributors for Palot-specific scope and Vite+ installation guidance. See NOTICE.md for the pinned upstream source and LICENSE.md for the Apache-2.0 license.

Use @pierre/trees for an interactive file tree. Public state and callbacks use path strings.

Install

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
`@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

---name: treesdescription: 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+ installationguidance. 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 usepath strings.## Install```bashvp 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) |

Frequently asked questions