SkillsAdd

pierrecomputer/pierre

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.

Trending #6748 Hot #3855 First seen Jul 30, 2026

Installation

$ npx skills add pierrecomputer/pierre --skill trees
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Same topic
vercel-labs/agent-skills 697.8K installs
azure-hosted-copilot-sdk Same topic
microsoft/azure-skills 440.4K installs
vercel-composition-patterns Same topic
vercel-labs/agent-skills 326.5K installs
supabase Same topic
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

263K installs
vercel-react-native-skills Same topic
vercel-labs/agent-skills 205.5K installs
vercel-react-view-transitions Same topic
vercel-labs/agent-skills 115.9K installs

Also in this package

Other skills from pierrecomputer/pierre · top by installs.

npx skills add pierrecomputer/pierre
diffs 8 theming 11 theme 9 browser-automation 7 worktrees-and-dev-servers 6 typescript-monorepo 3 tooling-and-dependencies 3 testing-and-verification 3 performance 1 git-commits 1

Browse all from pierrecomputer/pierre

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 6.1K
License LICENSE.md
Default branch main
Open issues 38
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,891 B
  • docs SUMMARY.md 212 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 125 installs

SKILL.md

@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](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)