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.

Zobacz źródło

Jak używać

  1. Skopiuj polecenie instalacji i sprawdź źródła przed instalacją we własnym środowisku agenta.
  2. W oryginale sprawdź wymagane narzędzia, dane dostępowe i obsługiwane środowiska.
  3. Opisz dane wejściowe i oczekiwany rezultat; porównaj wynik ze źródłami.
npx skills add https://github.com/pierrecomputer/pierre --skill trees

Przed rozpoczęciem

  • Instalacja nie obejmuje subskrypcji modelu, limitu API ani uprawnień do plików.
  • Gwiazdki i instalacje pokazują aktywność, a nie niezależny test jakości lub bezpieczeństwa.
Oryginalny dokument Skill

Treść z repozytorium z zachowaniem nagłówków, przykładów, kodu, tabel, linków i obrazów.

@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

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

Powiązane zadania

z tego samego repozytorium

Więcej Skills

Wszystkie Skills