pierre

Integrate Pierre's file-tree and diff rendering into Kolu's SolidJS UI.

47|9|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/juspay/kolu --skill pierre
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pierre
Source: https://github.com/juspay/kolu/tree/main/.apm/skills/pierre
Command: npx skills add https://github.com/juspay/kolu --skill pierre

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Integrate Pierre's file-tree UI and diff rendering into Kolu to empower seamless code navigation and review within the terminal UI, using vanilla cores with SolidJS wrappers.

Core Features & Use Cases

  • Pierre's file-tree integration: path-first, virtualized tree with search, git status, drag-and-drop, icons, and theming, wrapped for SolidJS in Kolu.
  • Pierre's diffs integration: shiki-backed unified diff renderer with annotations and line-precise rendering, wrapped for Kolu's CodeTab surfaces.
  • Cross-framework compatibility: vanilla Pierre core is consumed by Kolu's SolidJS wrappers, with optional React wrappers.

Quick Start

Wire up a file tree and render diffs by introducing Pierre components into Kolu surfaces; mount the vanilla Pierre core and wrap with SolidJS wrappers.

Frequently Asked Questions about pierre

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render unified diffs in a SolidJS code review UI?

To render unified diffs in a SolidJS code review UI, mount the vanilla Pierre core and wrap it with SolidJS components, utilizing shiki-backed rendering for line-precise annotations within Kolu's CodeTab surfaces.

What is the best way to integrate a virtualized file tree with git status in a terminal UI?

Integrating a virtualized file tree with git status in a terminal UI involves using Pierre's path-first tree structure, wrapping its vanilla core with SolidJS to enable search, drag-and-drop, icons, and theming within Kolu.

Can I use Pierre's vanilla core with React wrappers instead of SolidJS?

Yes, you can use Pierre's vanilla core with React wrappers instead of SolidJS, as the core libraries are framework-agnostic and explicitly support optional React wrappers for environments outside of Kolu's SolidJS UI.

How do I wire up the Pierre file tree and diff renderer in a Kolu workflow?

You wire up the Pierre file tree and diff renderer in a Kolu workflow by introducing Pierre components into Kolu surfaces, mounting the vanilla core, and applying SolidJS wrappers to replace existing diff views in CodeTab.

Does Pierre's diff rendering support syntax highlighting for code reviews?

Yes, Pierre's diff rendering supports syntax highlighting for code reviews by leveraging a shiki-backed unified diff renderer to provide accurate, line-precise visual output for the integrated SolidJS UI wrappers.