Verwendung
- Installationsbefehl kopieren und das Quellpaket vor der Installation in der eigenen Agentenumgebung prüfen.
- Benötigte Werkzeuge, Zugangsdaten und Hosts im Original prüfen.
- Eingabe und gewünschtes Ergebnis beschreiben und die Ausgabe mit den Quellen abgleichen.
npx skills add https://github.com/pierrecomputer/pierre --skill treesVor dem Start
- Die Installation umfasst weder Modellabo noch API-Kontingent oder Dateizugriffsrechte.
- Sterne und Installationen zeigen Aktivität, keine unabhängige Qualitäts- oder Sicherheitsprüfung.
Originales Skill-Dokument
Aus dem Quell-Repository gerendert; Überschriften, Beispiele, Code, Tabellen, Links und Bilder bleiben erhalten.
@pierre/trees
Use @pierre/trees for an interactive file tree. Public state and callbacks use path strings.
Install
bash
pnpm add @pierre/treesInstall 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 |
